Skip to content

Commit d4578f4

Browse files
committed
Merge branch 'frontend-fix-css-regression'
2 parents 95cc366 + 47d8896 commit d4578f4

File tree

4 files changed

+8
-7
lines changed

4 files changed

+8
-7
lines changed

frontends/web/src/components/dialog/dialog-legacy.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
text-align: left;
2727
max-height: 100vh;
2828
/* mobile viewport bug fix */
29-
min-height: -webkit-fill-available;
29+
max-height: -webkit-fill-available;
3030
overflow: auto;
3131
opacity: 0;
3232
}

frontends/web/src/components/dialog/dialog.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
text-align: left;
2626
max-height: 100vh;
2727
/* mobile viewport bug fix */
28-
min-height: -webkit-fill-available;
28+
max-height: -webkit-fill-available;
2929
overflow: auto;
3030
}
3131
/* guard dialog and wait-dialog from view styles */

frontends/web/src/components/sidebar/sidebar.module.css

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,23 +29,24 @@
2929
}
3030

3131
.sidebar {
32-
position: fixed;
33-
margin-left: calc(var(--sidebar-width-large) * -1);
3432
align-content: stretch;
3533
background-color: var(--background-dark);
3634
bottom: 0;
3735
display: flex;
3836
flex-direction: column;
3937
flex-shrink: 0;
40-
justify-content: flex-start;
4138
height: 100%;
39+
justify-content: flex-start;
40+
margin-left: calc(var(--sidebar-width-large) * -1);
41+
max-height: 100vh;
4242
/* mobile viewport bug fix */
4343
min-height: -webkit-fill-available;
44+
overflow-y: auto;
4445
padding: 0 0 var(--spacing-default) 0;
46+
position: fixed;
4547
top: 0;
4648
width: var(--sidebar-width-large);
4749
z-index: 4002;
48-
overflow-y: auto;
4950
}
5051

5152
.sidebar > *.end {

frontends/web/src/style/layout.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@
6868
.appContent {
6969
height: 100vh;
7070
/* mobile viewport bug fix */
71-
height: -webkit-fill-available;
71+
max-height: -webkit-fill-available;
7272
}
7373

7474
@media (max-width: 900px) {

0 commit comments

Comments
 (0)