Skip to content

Commit bb08bc6

Browse files
authored
fix(Layout): add media query for overflow style (#5051)
1 parent 0ea46bb commit bb08bc6

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

src/BootstrapBlazor/Components/Layout/Layout.razor.scss

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -200,11 +200,6 @@
200200
transform: translateX(0);
201201
}
202202

203-
.layout-right {
204-
overflow: hidden;
205-
height: var(--bb-layout-height);
206-
}
207-
208203
.layout-footer {
209204
display: none;
210205
}
@@ -259,6 +254,13 @@
259254
display: flex;
260255
}
261256

257+
@media (max-width: 767.99px) {
258+
.layout.is-collapsed .layout-right {
259+
overflow: hidden;
260+
height: var(--bb-layout-height);
261+
}
262+
}
263+
262264
@media(min-width: 768px) {
263265
.layout {
264266
.layout-side {

0 commit comments

Comments
 (0)