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

Tweaks to make the post meta footer more compact

Browse source
This commit is contained in:
Niléane 2024-04-13 01:17:19 +02:00
parent a9821ba624
commit 12e9e18e01
No known key found for this signature in database
3 changed files with 33 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
TangerineUI-cherry.css
View file

@ -2542,7 +2542,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
opacity: .8; opacity: .8;
display: flex; display: flex;
align-items: start; align-items: start;
flex-flow: column; flex-flow: row wrap;
font-size: 13px; font-size: 13px;
gap: 5px; gap: 5px;
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
@ -2569,6 +2569,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .detailed-status__meta__line:first-child > * { .app-body .detailed-status__meta__line:first-child > * {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .detailed-status__meta__line:last-child {
flex: 100%;
}
.app-body .detailed-status__application::before { .app-body .detailed-status__application::before {
content: "\00B7\00A0"; content: "\00B7\00A0";
margin-left: -3px; margin-left: -3px;
@ -2623,6 +2626,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
font-weight: 600; font-weight: 600;
} }
.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
font-weight: 500;
}
.app-body .status__action-bar .animated-number { .app-body .status__action-bar .animated-number {
color: var(--color-accent); color: var(--color-accent);
font-weight: 600; font-weight: 600;
@ -5548,6 +5554,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-color: var(--color-content-secondary-separator); border-color: var(--color-content-secondary-separator);
} }
.app-body .dropdown-menu__container__list--scrollable {
overflow-y: auto;
}
.app-body .privacy-dropdown__dropdown { .app-body .privacy-dropdown__dropdown {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 8px; border-radius: 8px;

12
TangerineUI-purple.css
View file

@ -2542,7 +2542,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
opacity: .8; opacity: .8;
display: flex; display: flex;
align-items: start; align-items: start;
flex-flow: column; flex-flow: row wrap;
font-size: 13px; font-size: 13px;
gap: 5px; gap: 5px;
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
@ -2569,6 +2569,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .detailed-status__meta__line:first-child > * { .app-body .detailed-status__meta__line:first-child > * {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .detailed-status__meta__line:last-child {
flex: 100%;
}
.app-body .detailed-status__application::before { .app-body .detailed-status__application::before {
content: "\00B7\00A0"; content: "\00B7\00A0";
margin-left: -3px; margin-left: -3px;
@ -2623,6 +2626,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
font-weight: 600; font-weight: 600;
} }
.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
font-weight: 500;
}
.app-body .status__action-bar .animated-number { .app-body .status__action-bar .animated-number {
color: var(--color-accent); color: var(--color-accent);
font-weight: 600; font-weight: 600;
@ -5548,6 +5554,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-color: var(--color-content-secondary-separator); border-color: var(--color-content-secondary-separator);
} }
.app-body .dropdown-menu__container__list--scrollable {
overflow-y: auto;
}
.app-body .privacy-dropdown__dropdown { .app-body .privacy-dropdown__dropdown {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 8px; border-radius: 8px;

12
TangerineUI.css
View file

@ -2542,7 +2542,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
opacity: .8; opacity: .8;
display: flex; display: flex;
align-items: start; align-items: start;
flex-flow: column; flex-flow: row wrap;
font-size: 13px; font-size: 13px;
gap: 5px; gap: 5px;
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
@ -2569,6 +2569,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .detailed-status__meta__line:first-child > * { .app-body .detailed-status__meta__line:first-child > * {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .detailed-status__meta__line:last-child {
flex: 100%;
}
.app-body .detailed-status__application::before { .app-body .detailed-status__application::before {
content: "\00B7\00A0"; content: "\00B7\00A0";
margin-left: -3px; margin-left: -3px;
@ -2623,6 +2626,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
font-weight: 600; font-weight: 600;
} }
.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
font-weight: 500;
}
.app-body .status__action-bar .animated-number { .app-body .status__action-bar .animated-number {
color: var(--color-accent); color: var(--color-accent);
font-weight: 600; font-weight: 600;
@ -5548,6 +5554,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-color: var(--color-content-secondary-separator); border-color: var(--color-content-secondary-separator);
} }
.app-body .dropdown-menu__container__list--scrollable {
overflow-y: auto;
}
.app-body .privacy-dropdown__dropdown { .app-body .privacy-dropdown__dropdown {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 8px; border-radius: 8px;