Fix headers in mobile layout (Fixes #135)

nileane · Dec 4, 2024 · baf4f5b · baf4f5b
1 parent af64d67
commit baf4f5b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
@@ -697,6 +697,7 @@ body.app-body  {
     order: 1;
 }
 .app-body .columns-area__panels__main {
+    contain: inline-size;
     order: 2;
 }
 .app-body .columns-area__panels__pane--compositional {
@@ -3498,7 +3499,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
    ----------------- */
 .app-body .tabs-bar__wrapper {
     background-color: transparent;
-    box-shadow: inset 0 10px var(--color-bg);
+    box-shadow: inset 0 20px var(--color-bg);
 }
 .app-body .column-header__wrapper.active:before {
     top: -17px;

diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
@@ -697,6 +697,7 @@ body.app-body  {
     order: 1;
 }
 .app-body .columns-area__panels__main {
+    contain: inline-size;
     order: 2;
 }
 .app-body .columns-area__panels__pane--compositional {
@@ -3498,7 +3499,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
    ----------------- */
 .app-body .tabs-bar__wrapper {
     background-color: transparent;
-    box-shadow: inset 0 10px var(--color-bg);
+    box-shadow: inset 0 20px var(--color-bg);
 }
 .app-body .column-header__wrapper.active:before {
     top: -17px;

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
@@ -697,6 +697,7 @@ body.app-body  {
     order: 1;
 }
 .app-body .columns-area__panels__main {
+    contain: inline-size;
     order: 2;
 }
 .app-body .columns-area__panels__pane--compositional {
@@ -3498,7 +3499,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
    ----------------- */
 .app-body .tabs-bar__wrapper {
     background-color: transparent;
-    box-shadow: inset 0 10px var(--color-bg);
+    box-shadow: inset 0 20px var(--color-bg);
 }
 .app-body .column-header__wrapper.active:before {
     top: -17px;

diff --git a/TangerineUI.css b/TangerineUI.css
@@ -697,6 +697,7 @@ body.app-body  {
     order: 1;
 }
 .app-body .columns-area__panels__main {
+    contain: inline-size;
     order: 2;
 }
 .app-body .columns-area__panels__pane--compositional {
@@ -3498,7 +3499,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
    ----------------- */
 .app-body .tabs-bar__wrapper {
     background-color: transparent;
-    box-shadow: inset 0 10px var(--color-bg);
+    box-shadow: inset 0 20px var(--color-bg);
 }
 .app-body .column-header__wrapper.active:before {
     top: -17px;