raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-05 22:26:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move buttons/input stuff into related file

Browse Source 
And adjust design for v3 style
This commit is contained in:
Jean-Baptiste Bellet
2023-09-12 15:01:49 +02:00
parent 371e064f82
commit beba709827
4 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/webpacker/css/admin/components/buttons.scss
View File

@@ -76,3 +76,18 @@ button:not(.plain):not(.trix-button),
}
}
}
input.red,
a.button.red,
button.red {
background-color: $color-warning;
margin-right: 5px;
color: #ffffff;
}
a.button.red {
&:not(:hover) {
color: #fff;
background-color: $color-warning;
}
}

15
app/webpacker/css/admin/openfoodnetwork.scss
View File

@@ -38,21 +38,6 @@ div.error:not(.flash) {
margin-bottom: 0;
}
input.red,
a.button.red,
button.red {
background-color: $color-warning;
margin-right: 5px;
color: #ffffff;
}
a.button.red {
&:not(:hover) {
color: #fff;
background-color: $color-warning;
}
}
input.orange {
background-color: #ff9848;
margin-right: 5px;

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

@@ -89,6 +89,16 @@ button:not(.plain):not(.trix-button),
height: $btn-relaxed-height;
}
&.red {
background-color: $color-btn-red-bg;
border-color: $color-btn-red-bg;
&:hover {
background-color: $color-btn-red-hover-bg;
border-color: $color-btn-red-hover-bg;
}
}
.badge {
position: absolute;
top: 0;

2
app/webpacker/css/admin_v3/globals/variables.scss
View File

@@ -45,6 +45,8 @@ $color-btn-hover-bg: $orient !default;
$color-btn-hover-text: $white !default;
$color-btn-hover-border: $dark-blue !default;
$color-btn-disabled-bg: $light-grey !default;
$color-btn-red-bg: $red !default;
$color-btn-red-hover-bg: $roof-terracotta !default;
// Actions colors
$color-action-edit-bg: very-light($color-success, 5 ) !default;