Skip to content

Commit

Permalink
Fixed weird style refresh behaviors around detailed post views
Browse files Browse the repository at this point in the history
  • Loading branch information
@nileane
nileane committed Aug 31, 2024
1 parent b90f78c commit db4e922
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 36 deletions.
11 changes: 2 additions & 9 deletions TangerineUI-cherry.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
11 changes: 2 additions & 9 deletions TangerineUI-lagoon.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
11 changes: 2 additions & 9 deletions TangerineUI-purple.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
11 changes: 2 additions & 9 deletions TangerineUI.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down

0 comments on commit db4e922

Please sign in to comment.