raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update all borders for inputs

Browse Source 
Inputs include custom made ones such as tags, select2s and tom selects.
Some border radii were using mixins but not utilising it, hence they
are now variables.
This commit is contained in:
krisztin
2025-02-07 14:29:27 +00:00
parent 4bd925e3ec
commit 49bf5997b7
4 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/webpacker/css/admin/tag_rules.scss
View File

@@ -1,4 +1,10 @@
tags-input {
.tags {
border: $border-input;
border-radius: $border-radius;
box-shadow: none;
padding: 4px; // hack to make the height match other inputs
}
&.limit-reached {
input,
span.input {

10
app/webpacker/css/admin_v3/components/select2.scss
View File

@@ -1,3 +1,9 @@
.select2-container {
border: $border-input;
border-radius: $border-radius;
padding-bottom: 7px; // hack to make the height match other inputs
}
.select2-container {
&:hover .select2-choice,
&.select2-container-active .select2-choice {
@@ -6,7 +12,6 @@
}
.select2-choice {
background-image: none !important;
background-color: $color-sel-bg;
border: none !important;
box-shadow: none !important;
@include border-radius($border-radius);
@@ -40,7 +45,7 @@
}
.select2-drop {
border-color: $color-sel-hover-bg;
border-color: $color-txt-brd;
box-shadow: none !important;
z-index: 1000000;
@@ -141,6 +146,7 @@
}
.select2-choices {
@extend input, [type="text"];
border: none;
padding: 6px 3px 3px 3px;
box-shadow: none;
background-image: none !important;

5
app/webpacker/css/admin_v3/components/tom_select.scss
View File

@@ -17,10 +17,9 @@
.ts-control {
box-shadow: none;
border-color: $lighter-grey;
background-color: $lighter-grey;
border: $border-input;
border-radius: $border-radius;
background-image: none;
@include border-radius($border-radius);
input {
font-size: $body-font-size;

5
app/webpacker/css/admin_v3/shared/forms.scss
View File

@@ -14,11 +14,10 @@ input[type="datetime"],
input[type="time"],
input[type="number"],
textarea {
@include border-radius($border-radius);
padding: ($vpadding-txt - 1px) ($hpadding-txt - 1px); // Minus 1px for border
border: 1px solid $color-txt-brd;
border: $border-input;
border-radius: $border-radius;
color: $color-txt-text;
background-color: $color-txt-bg;
font-size: 14px;
line-height: 22px;