alanorth/iseal-core
1
0
Fork 0
mirror of https://github.com/ISEAL-Community/iseal-core.git synced 2025-05-10 15:16:04 +02:00
Code Issues Projects Releases Wiki Activity

site: style buttons for required elements

Browse Source 
We wanted a way to increase the findability of required elements in
addition the the "required" badge on the element's information box.
This styles the button in the module grouping as well.
This commit is contained in:
Alan Orth
2022-02-14 21:43:38 +03:00
parent 69f7d49fe7
commit 6970aec24a
5 changed files with 32 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
site/source/scss/fsc.scss
View File

@ -21,6 +21,19 @@ div.badge-required {
}
}
// Style the buttons for required metadata elements. Note the syntax for the
// hover and active states uses the SASS parent selector "&" so we can nest
// the rules.
.btn-required {
color: var(--bs-red);
border-color: var(--bs-red);
&:hover, &:active {
color: #fff;
background-color: var(--bs-red);
}
}
/* Override Bootstrap's top border on tbody */
.table>:not(:first-child) {
border-top: 2px solid $primary;

13
site/source/scss/iseal.scss
View File

@ -33,6 +33,19 @@ div.badge-required {
}
}
// Style the buttons for required metadata elements. Note the syntax for the
// hover and active states uses the SASS parent selector "&" so we can nest
// the rules.
.btn-required {
color: $iseal-secondary-red;
border-color: $iseal-secondary-red;
&:hover, &:active {
color: #fff;
background-color: $iseal-secondary-red;
}
}
/* Override Bootstrap's top border on tbody */
.table>:not(:first-child) {
border-top: 2px solid $iseal-tint-80;