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

MDL-73791 theme_boost: mobile navbar design updates

Browse Source
This commit is contained in:
Bas Brands
2022-02-21 10:24:58 +01:00
parent 0f94f29296
commit 7d6efea682
4 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/primarynavigation.scss
+2 -3
View File
@@ -13,9 +13,8 @@
.primary-navigation {
display: none;
}
.editmode-switch-form .custom-control-label {
font-size: 0;
color: transparent;
.editmode-switch-form label {
@include sr-only();
}
}
theme/boost/style/moodle.css
+10 -3
View File
@@ -21534,9 +21534,16 @@ div.editor_atto_toolbar button .icon {
@media (max-width: 767.98px) {
.primary-navigation {
display: none; }
.editmode-switch-form .custom-control-label {
font-size: 0;
color: transparent; } }
.editmode-switch-form label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; } }
.editmode-switch-form .custom-control-input {
width: 100%;
theme/boost/templates/navbar.mustache
+1 -1
View File
@@ -57,7 +57,7 @@
}}
<nav class="navbar fixed-top navbar-light bg-white navbar-expand" aria-label="{{#str}}sitemenubar, admin{{/str}}">
<button class="navbar-toggler aabtn d-block d-md-none my-1 mr-2" data-toggler="drawers" data-action="toggle" data-target="theme_boost-drawers-primary">
<button class="navbar-toggler aabtn d-block d-md-none px-1 my-1 border-0" data-toggler="drawers" data-action="toggle" data-target="theme_boost-drawers-primary">
<span class="navbar-toggler-icon"></span>
<span class="sr-only">{{#str}}sidepanel, core{{/str}}</span>
</button>
theme/classic/style/moodle.css
+10 -3
View File
@@ -21480,9 +21480,16 @@ div.editor_atto_toolbar button .icon {
@media (max-width: 767.98px) {
.primary-navigation {
display: none; }
.editmode-switch-form .custom-control-label {
font-size: 0;
color: transparent; } }
.editmode-switch-form label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; } }
.editmode-switch-form .custom-control-input {
width: 100%;