From b1e8b47e7b55244888e143ab9a909c0bbf17e69c Mon Sep 17 00:00:00 2001 From: "Timothy Z." Date: Thu, 23 Jan 2025 17:06:23 +0200 Subject: [PATCH 1/3] fix(StreamingServerWarning): respect safe areas --- src/routes/Board/styles.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/routes/Board/styles.less b/src/routes/Board/styles.less index 616398b27..3b7aa3c5f 100644 --- a/src/routes/Board/styles.less +++ b/src/routes/Board/styles.less @@ -217,7 +217,9 @@ } .board-warning-container { - bottom: calc(var(--vertical-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem)); + bottom: calc(var(--vertical-nav-bar-size) + 0.5rem); + margin-left: var(--safe-area-inset-left); + margin-right: var(--safe-area-inset-right); height: 7rem; } } From 17c5341f69cff95132ebb736d21f912c90daee13 Mon Sep 17 00:00:00 2001 From: "Timothy Z." Date: Thu, 23 Jan 2025 17:43:48 +0200 Subject: [PATCH 2/3] refactor(StreamingServerWarning): change global --- src/routes/Board/styles.less | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/routes/Board/styles.less b/src/routes/Board/styles.less index 3b7aa3c5f..255fb55d0 100644 --- a/src/routes/Board/styles.less +++ b/src/routes/Board/styles.less @@ -37,9 +37,9 @@ .board-warning-container { position: absolute; - bottom: 0.5rem; - left: 0.5rem; - right: 0.5rem; + bottom: calc(var(--safe-area-inset-bottom) + 0.5rem); + left: calc(var(--safe-area-inset-left) + 0.5rem); + right: calc(var(--safe-area-inset-right) + 0.5rem); } } @@ -218,8 +218,6 @@ .board-warning-container { bottom: calc(var(--vertical-nav-bar-size) + 0.5rem); - margin-left: var(--safe-area-inset-left); - margin-right: var(--safe-area-inset-right); height: 7rem; } } From 37ab9ced932f8db943405a1086581d1979a66137 Mon Sep 17 00:00:00 2001 From: "Timothy Z." Date: Thu, 23 Jan 2025 17:48:39 +0200 Subject: [PATCH 3/3] fix: size of the warning on mobile landscape --- src/routes/Board/styles.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/routes/Board/styles.less b/src/routes/Board/styles.less index 255fb55d0..8ee280d86 100644 --- a/src/routes/Board/styles.less +++ b/src/routes/Board/styles.less @@ -221,4 +221,12 @@ height: 7rem; } } +} + +@media @phone-landscape { + .board-container { + .board-warning-container { + left: calc(var(--safe-area-inset-left) + var(--vertical-nav-bar-size) + 0.5rem); + } + } } \ No newline at end of file