MDL-78999 theme: Fixed site logo issue in small screens

This commit is contained in:
Santosh Nagargoje 2023-12-05 15:57:07 +05:30
parent 9587029a46
commit 1f77d5c1a7
7 changed files with 90 additions and 2 deletions

View file

@ -30090,6 +30090,10 @@ body.drawer-ease {
.drawer.drawer-bottom.show {
bottom: 0;
}
.drawer.drawer-primary .drawertoggle {
margin-right: 16px;
margin-left: 5px;
}
@media (min-width: 992px) {
.drawer#theme_boost-drawers-blocks:focus-within {
@ -30110,6 +30114,12 @@ body.drawer-ease {
display: flex;
align-items: center;
}
.drawerheader .sitename {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 16px;
}
.drawer.scrolled .drawerheader {
box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
@ -30195,6 +30205,12 @@ body.drawer-ease {
bottom: 0;
}
}
@media (max-width: 991.98px) {
.drawer-md.drawer-primary .drawertoggle {
margin-right: 16px;
margin-left: 5px;
}
}
@media (max-width: 767.98px) {
.drawer-sm {
display: block;
@ -30275,6 +30291,12 @@ body.drawer-ease {
bottom: 0;
}
}
@media (max-width: 767.98px) {
.drawer-sm.drawer-primary .drawertoggle {
margin-right: 16px;
margin-left: 5px;
}
}
.drawercontent {
position: relative;
z-index: -1;
@ -37695,6 +37717,16 @@ div.editor_atto_toolbar button .icon {
margin-top: 0;
}
.navbar-bootswatch .navbar-brand {
overflow: hidden;
text-overflow: ellipsis;
}
.navbar-bootswatch .navbar-brand .sitename {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
:root {
--navbar-height: 60px;
}