moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-09 10:56:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-80620 theme_boost: Change expand/collapse buttons style

Browse source
This commit is contained in:
Mikel Martín 2024-01-31 16:25:29 +01:00
parent e567c21d6e
commit af50bda3d6
3 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
theme/boost/scss/moodle/buttons.scss
View file

@ -61,6 +61,15 @@ p.arrow_button {
} }
} }
// Specific styles for the collapse/expand buttons.
.btn.btn-icon.icons-collapse-expand {
color: $primary;
background-color: $primary-light-background;
&:hover {
outline: 2px solid $primary;
}
}
@mixin button-focus($background, $innershadow) { @mixin button-focus($background, $innershadow) {
&:focus, &:focus,
&.focus { &.focus {

8
theme/boost/style/moodle.css
View file

@ -35229,6 +35229,14 @@ p.arrow_button {
line-height: 48px !important; /* stylelint-disable-line declaration-no-important */ line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
} }
.btn.btn-icon.icons-collapse-expand {
color: #0f6cbf;
background-color: #f5f9fc;
}
.btn.btn-icon.icons-collapse-expand:hover {
outline: 2px solid #0f6cbf;
}
.btn-primary:focus, .btn-primary.focus { .btn-primary:focus, .btn-primary.focus {
outline: 0.2rem solid #000102; outline: 0.2rem solid #000102;
box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff;

8
theme/classic/style/moodle.css
View file

@ -35229,6 +35229,14 @@ p.arrow_button {
line-height: 48px !important; /* stylelint-disable-line declaration-no-important */ line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
} }
.btn.btn-icon.icons-collapse-expand {
color: #0f6cbf;
background-color: #f5f9fc;
}
.btn.btn-icon.icons-collapse-expand:hover {
outline: 2px solid #0f6cbf;
}
.btn-primary:focus, .btn-primary.focus { .btn-primary:focus, .btn-primary.focus {
outline: 0.2rem solid #000102; outline: 0.2rem solid #000102;
box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff;