Skip to content

Commit 63c91db

Browse files
committed
fix: try to fix ios floating button position
1 parent 81b9507 commit 63c91db

1 file changed

Lines changed: 10 additions & 3 deletions

File tree

src/mobile/floating-button.scss

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
11
body.is-phone.mobile-floating-button {
2+
--navbar-bottom-padding: max(var(--safe-area-inset-bottom), 28px);
3+
--navbar-side-padding: var(--safe-area-inset-side);
4+
5+
&.is-ios {
6+
--navbar-bottom-padding: 28px;
7+
--navbar-side-padding: var(--navbar-bottom-padding);
8+
}
9+
210
.mod-root .view-header {
311
z-index: 3;
412
}
@@ -7,11 +15,10 @@ body.is-phone.mobile-floating-button {
715
.view-actions
816
button:nth-last-child(2) {
917
position: fixed;
10-
right: var(--size-4-4);
11-
bottom: 0;
18+
right: var(--navbar-side-padding);
19+
bottom: var(--navbar-bottom-padding);
1220
color: var(--text-on-accent);
1321
background-color: var(--accent-active-bg);
14-
margin-bottom: calc(var(--safe-area-inset-bottom) + var(--size-4-4));
1522
border-radius: 100%;
1623
padding: var(--size-4-3);
1724
width: auto;

0 commit comments

Comments
 (0)