Skip to content

Commit ea8a4c7

Browse files
committed
respect safe areas
1 parent aa236a2 commit ea8a4c7

File tree

11 files changed

+9
-11
lines changed

11 files changed

+9
-11
lines changed

src/common/MainNavBars/styles.less

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
.main-nav-bars-container {
66
position: relative;
77
z-index: 0;
8+
margin: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
89

910
.horizontal-nav-bar {
1011
position: absolute;
@@ -36,7 +37,7 @@
3637
.main-nav-bars-container {
3738
.nav-content-container {
3839
left: 0;
39-
bottom: var(--vertical-nav-bar-size);
40+
bottom: calc(var(--vertical-nav-bar-size) + env(safe-area-inset-bottom));
4041
}
4142

4243
.vertical-nav-bar {

src/common/NavBar/HorizontalNavBar/styles.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
align-items: center;
1010
justify-content: space-between;
1111
height: var(--horizontal-nav-bar-size);
12-
padding-right: 1rem;
12+
padding-right: min(1rem, calc(1rem - env(safe-area-inset-right)));
1313
background-color: transparent;
1414
overflow: visible;
1515

src/common/NavBar/VerticalNavBar/styles.less

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,9 +36,9 @@
3636
flex-direction: row;
3737
justify-content: space-between;
3838
gap: 0;
39-
height: var(--vertical-nav-bar-size);
39+
height: calc(var(--vertical-nav-bar-size) + env(safe-area-inset-bottom));
4040
width: 100%;
41-
padding: 0 1rem;
41+
padding: 0 1rem env(safe-area-inset-bottom) 1rem;
4242
overflow-y: hidden;
4343
overflow-x: auto;
4444

src/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
<head>
55
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover">
77
<meta name="apple-mobile-web-app-capable" content="yes">
88
<meta name="apple-mobile-web-app-title" content="Stremio">
99
<link rel="icon" type="image/png" sizes="96x96" href="<%= htmlWebpackPlugin.options.faviconsPath %>/icon-96.png">

src/routes/Addons/styles.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@
2222
}
2323

2424
.addons-container {
25-
width: 100%;
2625
height: 100%;
2726
background-color: transparent;
2827

src/routes/Board/styles.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -226,7 +226,7 @@
226226
position: absolute;
227227
left: 0;
228228
right: 0;
229-
bottom: var(--vertical-nav-bar-size);
229+
bottom: calc(var(--vertical-nav-bar-size) + env(safe-area-inset-bottom));
230230
height: 4rem;
231231
}
232232
}

src/routes/Discover/styles.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,6 @@
2424
}
2525

2626
.discover-container {
27-
width: 100%;
2827
height: 100%;
2928
background-color: transparent;
3029

src/routes/Library/styles.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@
2020
}
2121

2222
.library-container {
23-
width: 100%;
2423
height: 100%;
2524
background-color: transparent;
2625

src/routes/MetaDetails/styles.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
z-index: 1;
2323
flex: none;
2424
align-self: stretch;
25+
margin: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
2526
}
2627

2728
.metadetails-content {
@@ -31,6 +32,7 @@
3132
z-index: 0;
3233
display: flex;
3334
flex-direction: row;
35+
margin: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
3436

3537
.vertical-nav-bar {
3638
--vertical-nav-bar-size: 6rem;

src/routes/Search/styles.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
}
1313

1414
.search-container {
15-
width: 100%;
1615
height: 100%;
1716
background-color: transparent;
1817

src/routes/Settings/styles.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@
1818
}
1919

2020
.settings-container {
21-
width: 100%;
2221
height: 100%;
2322
background-color: transparent;
2423

0 commit comments

Comments
 (0)