Fix back button background on mobile

ronilaukkarinen · Dec 25, 2024 · 8aba286 · 8aba286
1 parent e11f3b1
commit 8aba286
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 2.1.2rc5: 2024-12-25
+
+* Fix back button background on mobile
+
 ### 2.1.2rc4: 2024-12-24
 
 * Fix double border on gifs

diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.1.2rc4 */
+   2.1.2rc5 */
 
 /* CSS variables */
 :root {

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.1.2rc4 */
+   2.1.2rc5 */
 
 /* CSS variables */
 :root {
@@ -4002,6 +4002,18 @@ body .compose-form .compose-form__uploads {
     padding: 0;
   }
 
+  /* Fix back button background on mobile */
+  .app-body:not(.layout-multiple-columns):has(.column-back-button) .tabs-bar__wrapper::after {
+    background-color: var(--color-bg-90);
+    content: "";
+    height: 50px;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+  }
+
   .layout-single-column .columns-area__panels__main {
     width: calc(100% - var(--width-side-panel));
   }

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.1.2rc4",
+  "version": "2.1.2rc5",
   "description": "",
   "main": "index.js",
   "scripts": {