chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed: collapsable column settings were not full-width on small screens

Browse source
This commit is contained in:
Niléane 2024-08-19 20:17:57 +02:00
commit 58fdf12379
No known key found for this signature in database
3 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
TangerineUI-cherry.css
View file

@ -3653,9 +3653,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@media screen and (max-width:885px) { @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-left-color: var(--color-content-secondary-bg);
border-right-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) { @media screen and (min-width:890px) and (max-width:1174px) {

4
TangerineUI-purple.css
View file

@ -3653,9 +3653,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@media screen and (max-width:885px) { @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-left-color: var(--color-content-secondary-bg);
border-right-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) { @media screen and (min-width:890px) and (max-width:1174px) {

4
TangerineUI.css
View file

@ -3653,9 +3653,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@media screen and (max-width:885px) { @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-left-color: var(--color-content-secondary-bg);
border-right-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) { @media screen and (min-width:890px) and (max-width:1174px) {