From 58fdf12379184af99e47049dedae70dee63e2c22 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nile=CC=81ane?= Date: Mon, 19 Aug 2024 20:17:57 +0200 Subject: [PATCH] Fixed: collapsable column settings were not full-width on small screens --- TangerineUI-cherry.css | 4 +++- TangerineUI-purple.css | 4 +++- TangerineUI.css | 4 +++- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index b148343..a12459a 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -3653,9 +3653,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } @media screen and (max-width:885px) { - .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) { + .app-body:not(.layout-multiple-columns) .column-header__collapsible:is(:not(.collapsed), .animating) { border-left-color: var(--color-content-secondary-bg); border-right-color: var(--color-content-secondary-bg); + margin-inline-start: -45px; + margin-inline-end: -55px; } } @media screen and (min-width:890px) and (max-width:1174px) { diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index c85f219..52b10df 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3653,9 +3653,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } @media screen and (max-width:885px) { - .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) { + .app-body:not(.layout-multiple-columns) .column-header__collapsible:is(:not(.collapsed), .animating) { border-left-color: var(--color-content-secondary-bg); border-right-color: var(--color-content-secondary-bg); + margin-inline-start: -45px; + margin-inline-end: -55px; } } @media screen and (min-width:890px) and (max-width:1174px) { diff --git a/TangerineUI.css b/TangerineUI.css index cf242ba..5d48dcb 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3653,9 +3653,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } @media screen and (max-width:885px) { - .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) { + .app-body:not(.layout-multiple-columns) .column-header__collapsible:is(:not(.collapsed), .animating) { border-left-color: var(--color-content-secondary-bg); border-right-color: var(--color-content-secondary-bg); + margin-inline-start: -45px; + margin-inline-end: -55px; } } @media screen and (min-width:890px) and (max-width:1174px) {