Просмотр исходного кода

Merge pull request #10387 from overleaf/jel-input-padding

[web] Decrease input padding for new CSS build

GitOrigin-RevId: 5c1513aea854d09d8dc13f1697188f6dc9696737
Jessica Lawshe 3 лет назад
Родитель
Сommit
d37344e27b

+ 1 - 1
services/web/frontend/stylesheets/components/forms.less

@@ -156,7 +156,7 @@ output {
   display: block;
   display: block;
   width: 100%;
   width: 100%;
   height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
   height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
-  padding: @padding-base-vertical @padding-base-horizontal;
+  padding: @input-padding;
   font-size: @font-size-base;
   font-size: @font-size-base;
   line-height: @line-height-base;
   line-height: @line-height-base;
   color: @input-color;
   color: @input-color;

+ 1 - 0
services/web/frontend/stylesheets/variables/all.less

@@ -195,6 +195,7 @@
 @input-border-focus: @blue-50;
 @input-border-focus: @blue-50;
 //** Bordersize for inputs
 //** Bordersize for inputs
 @input-border-size: @border-size;
 @input-border-size: @border-size;
+@input-padding: @padding-sm;
 
 
 //** Placeholder text color
 //** Placeholder text color
 @input-color-placeholder: @neutral-60;
 @input-color-placeholder: @neutral-60;