Follow-up on inline follow suggestions

This commit is contained in:
Niléane 2024-02-11 16:52:09 +01:00
parent c75b1e0b34
commit 1c500374cf
No known key found for this signature in database
3 changed files with 15 additions and 6 deletions

View file

@ -4601,7 +4601,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* Inline Follow Suggesitons */ /* Inline Follow Suggesitons */
.app-body .inline-follow-suggestions { .app-body .inline-follow-suggestions {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-bg);
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
position: relative; position: relative;
@ -4612,8 +4612,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .inline-follow-suggestions__body__scrollable__card { .app-body .inline-follow-suggestions__body__scrollable__card {
border-radius: 8px; border-radius: 8px;
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
border: 0; border: 1px solid var(--color-lines);
} }
.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account), .app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source { .app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
@ -5929,6 +5929,9 @@ a:is(.active,
.layout-multiple-columns .drawer__tab .icon { .layout-multiple-columns .drawer__tab .icon {
transform: scale(1.2); transform: scale(1.2);
} }
.layout-multiple-columns .drawer__tab:active {
transform: scale(.9);
}
.layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) { .layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
} }

View file

@ -4601,7 +4601,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* Inline Follow Suggesitons */ /* Inline Follow Suggesitons */
.app-body .inline-follow-suggestions { .app-body .inline-follow-suggestions {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-bg);
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
position: relative; position: relative;
@ -4612,8 +4612,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .inline-follow-suggestions__body__scrollable__card { .app-body .inline-follow-suggestions__body__scrollable__card {
border-radius: 8px; border-radius: 8px;
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
border: 0; border: 1px solid var(--color-lines);
} }
.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account), .app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source { .app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
@ -5929,6 +5929,9 @@ a:is(.active,
.layout-multiple-columns .drawer__tab .icon { .layout-multiple-columns .drawer__tab .icon {
transform: scale(1.2); transform: scale(1.2);
} }
.layout-multiple-columns .drawer__tab:active {
transform: scale(.9);
}
.layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) { .layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
} }

View file

@ -5929,6 +5929,9 @@ a:is(.active,
.layout-multiple-columns .drawer__tab .icon { .layout-multiple-columns .drawer__tab .icon {
transform: scale(1.2); transform: scale(1.2);
} }
.layout-multiple-columns .drawer__tab:active {
transform: scale(.9);
}
.layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) { .layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
} }