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

Fixed weird style refresh behaviors around detailed post views

Browse source
This commit is contained in:
Niléane 2024-08-31 21:12:45 +02:00
commit db4e922ce2
No known key found for this signature in database
4 changed files with 8 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

11
TangerineUI-cherry.css
View file

@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
padding-bottom: 20px;
z-index: 1;
box-shadow:
inset 0 -5px var(--color-content-secondary-bg),
inset 0 -6px var(--color-lines);
}
.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
border-top: 0;
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
padding-bottom: 12px;
box-shadow: none;
}

11
TangerineUI-lagoon.css
View file

@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
padding-bottom: 20px;
z-index: 1;
box-shadow:
inset 0 -5px var(--color-content-secondary-bg),
inset 0 -6px var(--color-lines);
}
.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
border-top: 0;
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
padding-bottom: 12px;
box-shadow: none;
}

11
TangerineUI-purple.css
View file

@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
padding-bottom: 20px;
z-index: 1;
box-shadow:
inset 0 -5px var(--color-content-secondary-bg),
inset 0 -6px var(--color-lines);
}
.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
border-top: 0;
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
padding-bottom: 12px;
box-shadow: none;
}

11
TangerineUI.css
View file

@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
padding-bottom: 20px;
z-index: 1;
box-shadow:
inset 0 -5px var(--color-content-secondary-bg),
inset 0 -6px var(--color-lines);
}
.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
border-top: 0;
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
padding-bottom: 12px;
box-shadow: none;
}