Column settings fixes

This commit is contained in:
Niléane 2024-10-01 16:20:24 +02:00
parent 6b4d041676
commit 941829c2b8
No known key found for this signature in database
4 changed files with 16 additions and 24 deletions

View file

@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: var(--color-content-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
margin-top: 1px;
position: fixed;
left: 0;
right: 0;
left: -45px;
right: -55px;
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
border-bottom: 1px solid var(--color-lines);

View file

@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: var(--color-content-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
margin-top: 1px;
position: fixed;
left: 0;
right: 0;
left: -45px;
right: -55px;
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
border-bottom: 1px solid var(--color-lines);

View file

@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: var(--color-content-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
margin-top: 1px;
position: fixed;
left: 0;
right: 0;
left: -45px;
right: -55px;
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
border-bottom: 1px solid var(--color-lines);

View file

@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: var(--color-content-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
margin-top: 1px;
position: fixed;
left: 0;
right: 0;
left: -45px;
right: -55px;
}
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
border-bottom: 1px solid var(--color-lines);