diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss index b148343..2add4dc 100644 --- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss +++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -3511,7 +3511,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-color: var(--color-content-secondary-bg); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); - border-bottom: 0; + border-bottom: 1px solid var(--color-lines); } .app-body .column-header__collapsible::-webkit-scrollbar-track { background-color: transparent; @@ -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/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss index c85f219..93d1612 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -3511,7 +3511,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-color: var(--color-content-secondary-bg); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); - border-bottom: 0; + border-bottom: 1px solid var(--color-lines); } .app-body .column-header__collapsible::-webkit-scrollbar-track { background-color: transparent; @@ -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/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss index cf242ba..637b663 100644 --- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss +++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss @@ -3511,7 +3511,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-color: var(--color-content-secondary-bg); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); - border-bottom: 0; + border-bottom: 1px solid var(--color-lines); } .app-body .column-header__collapsible::-webkit-scrollbar-track { background-color: transparent; @@ -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) {