cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Bootstrap 5: Override button text colours, force to white

Browse source
This commit is contained in:
Andy Allan 2022-07-06 18:23:35 +01:00
parent ac07a79078
commit 9963fcffc0
1 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/assets/stylesheets/common.scss
View file

@ -191,7 +191,7 @@ nav.secondary {
.login-menu { .login-menu {
.btn-outline-secondary { .btn-outline-secondary {
@include button-outline-variant($darkgrey); @include button-outline-variant($darkgrey, $white, null, null, $white);
} }
} }
@ -680,6 +680,23 @@ legend {
float: none; float: none;
} }
/* Override the text colour for primary and secondary buttons, to match our
bootstrap 4 colours. Note this has accessibility issues, which is why
bootstrap 5 calculates black as the appropriate colour, and we should
reconsider our colours at some point with that in mind. */
.btn-primary {
@include button-variant($primary, $primary, $white, null, null, $white, null, null, $white, null, null, $white);
}
.btn-secondary {
@include button-variant($secondary, $secondary, $white, null, null, $white, null, null, $white, null, null, $white);
}
.btn-outline-secondary {
@include button-outline-variant($secondary, $white, null, null, $white);
}
/* Rules for the search and direction forms */ /* Rules for the search and direction forms */
header .search_forms, header .search_forms,