L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-81157 files: consistent repository button styling on small screen.

Browse Source
This commit is contained in:
Paul Holden
2024-09-15 11:13:03 +01:00
parent f86b97fdd6
commit 20c681e5f8
3 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/core.scss
+1 -2
View File
@@ -2687,8 +2687,7 @@ $picker-emojis-per-row: 7 !default;
border: 0;
margin: $spacer * 0.125;
&.active {
@include button-outline-variant($gray-600);
border-color: $gray-600;
@include button-outline-variant($blue, $active-border: $gray-600);
}
}
}
theme/boost/style/moodle.css
+7 -8
View File
@@ -25672,25 +25672,24 @@ input[disabled] {
}
.nav-tabs:not(.more-nav) .nav-link.active,
.nav-pills .nav-link.active {
color: #6a737b;
border-color: #6a737b;
border-color: #6a737b;
color: #0f6cbf;
border-color: #0f6cbf;
}
.nav-tabs:not(.more-nav) .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
color: #6a737b;
color: #0f6cbf;
background-color: transparent;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
@@ -25698,14 +25697,14 @@ input[disabled] {
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-pills .nav-link.active.dropdown-toggle {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-pills .nav-link.active.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
}
@media (max-width: 576px) and (max-height: 320px) {
theme/classic/style/moodle.css
+7 -8
View File
@@ -25672,25 +25672,24 @@ input[disabled] {
}
.nav-tabs:not(.more-nav) .nav-link.active,
.nav-pills .nav-link.active {
color: #6a737b;
border-color: #6a737b;
border-color: #6a737b;
color: #0f6cbf;
border-color: #0f6cbf;
}
.nav-tabs:not(.more-nav) .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
color: #6a737b;
color: #0f6cbf;
background-color: transparent;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
@@ -25698,14 +25697,14 @@ input[disabled] {
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-pills .nav-link.active.dropdown-toggle {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-pills .nav-link.active.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
}
@media (max-width: 576px) and (max-height: 320px) {