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

MDL-88148 theme_boost: Fix drawers toggle alignment

Browse Source
This commit is contained in:
Mikel Martín
2026-03-09 14:40:27 +01:00
parent d0a16682cd
commit 6600befb62
4 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/theme/boost/scss/moodle/drawer.scss
+6 -2
View File
@@ -198,7 +198,7 @@ $right-drawer-width: 320px;
.drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: map-get($spacers, 2);
}
}
&.drawer-left {
@@ -216,7 +216,7 @@ $right-drawer-width: 320px;
.drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: map-get($spacers, 2);
}
}
&.drawer-bottom {
@@ -275,7 +275,11 @@ $right-drawer-width: 320px;
}
.draweractions {
display: flex;
gap: map-get($spacers, 1);
margin-left: map-get($spacers, 2);
.btn {
--#{$prefix}btn-color: #{$gray-700};
}
}
}
.drawer.scrolled .drawerheader {
public/theme/boost/style/moodle.css
+10 -6
View File
@@ -32208,7 +32208,7 @@ body.drawer-ease {
}
.drawer.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
.drawer.drawer-left {
transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
@@ -32228,7 +32228,7 @@ body.drawer-ease {
}
.drawer.drawer-left .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
.drawer.drawer-bottom {
bottom: -110%;
@@ -32269,8 +32269,12 @@ body.drawer-ease {
}
.drawerheader .draweractions {
display: flex;
gap: 0.25rem;
margin-left: 0.5rem;
}
.drawerheader .draweractions .btn {
--bs-btn-color: #495057;
}
.drawer.scrolled .drawerheader {
box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
@@ -32319,7 +32323,7 @@ body.drawer-ease {
@media (max-width: 991.98px) {
.drawer-md.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 991.98px) {
@@ -32345,7 +32349,7 @@ body.drawer-ease {
@media (max-width: 991.98px) {
.drawer-md.drawer-left .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 991.98px) {
@@ -32405,7 +32409,7 @@ body.drawer-ease {
@media (max-width: 767.98px) {
.drawer-sm.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 767.98px) {
@@ -32431,7 +32435,7 @@ body.drawer-ease {
@media (max-width: 767.98px) {
.drawer-sm.drawer-left .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 767.98px) {
public/theme/boost/templates/drawer.mustache
+1 -1
View File
@@ -44,7 +44,7 @@
{{$drawerheadercontent}}{{/drawerheadercontent}}
</div>
<button
class="btn btn-icon drawertoggle"
class="btn btn-icon icon-size-3 drawertoggle"
data-toggler="drawers"
data-action="closedrawer"
data-target="{{$id}}{{/id}}"
public/theme/classic/style/moodle.css
+10 -6
View File
@@ -32208,7 +32208,7 @@ body.drawer-ease {
}
.drawer.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
.drawer.drawer-left {
transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
@@ -32228,7 +32228,7 @@ body.drawer-ease {
}
.drawer.drawer-left .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
.drawer.drawer-bottom {
bottom: -110%;
@@ -32269,8 +32269,12 @@ body.drawer-ease {
}
.drawerheader .draweractions {
display: flex;
gap: 0.25rem;
margin-left: 0.5rem;
}
.drawerheader .draweractions .btn {
--bs-btn-color: #495057;
}
.drawer.scrolled .drawerheader {
box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
@@ -32319,7 +32323,7 @@ body.drawer-ease {
@media (max-width: 991.98px) {
.drawer-md.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 991.98px) {
@@ -32345,7 +32349,7 @@ body.drawer-ease {
@media (max-width: 991.98px) {
.drawer-md.drawer-left .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 991.98px) {
@@ -32405,7 +32409,7 @@ body.drawer-ease {
@media (max-width: 767.98px) {
.drawer-sm.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 767.98px) {
@@ -32431,7 +32435,7 @@ body.drawer-ease {
@media (max-width: 767.98px) {
.drawer-sm.drawer-left .drawertoggle {
margin-left: auto;
margin-right: 5px;
margin-right: 0.5rem;
}
}
@media (max-width: 767.98px) {