mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-30 15:58:07 +09:00
Code

Tweaked poll footer alignements

Browse Source
This commit is contained in:
Niléane 2023-12-26 21:44:47 +01:00
parent 7d7841731b
commit 2fe76ce5da
No known key found for this signature in database
3 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
TangerineUI-cherry.css
View File

@ -1505,20 +1505,24 @@ body.app-body {
} }
.app-body .poll__footer { .app-body .poll__footer {
color: var(--color-content-fg-muted); color: var(--color-content-fg-muted);
text-align: end; display: flex;
line-height: 30px; flex-flow: wrap;
min-height: 32px; gap: 5px;
align-items: center;
box-sizing: border-box; box-sizing: border-box;
font-size: 12px;
padding: 0; padding: 0;
} }
.app-body .poll__link { .app-body .poll__link {
color: var(--color-accent); color: var(--color-accent);
text-decoration: none; text-decoration: none;
padding: 5px 8px; box-sizing: border-box;
padding: 0 8px;
border: 1px solid var(--color-accent-bg); border: 1px solid var(--color-accent-bg);
border-radius: 8px; border-radius: 8px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
height: 32px;
transition: all .3s; transition: all .3s;
} }
.app-body .poll__link:hover { .app-body .poll__link:hover {
@ -1578,8 +1582,9 @@ body.app-body {
outline-width: 1px !important; outline-width: 1px !important;
} }
.app-body .poll__footer .button.button-secondary { .app-body .poll__footer .button.button-secondary {
box-sizing: border-box;
padding: 0 16px; padding: 0 16px;
margin: 0 0 0 10px; margin: 0;
height: 32px; height: 32px;
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);

15
TangerineUI-purple.css
View File

@ -1505,20 +1505,24 @@ body.app-body {
} }
.app-body .poll__footer { .app-body .poll__footer {
color: var(--color-content-fg-muted); color: var(--color-content-fg-muted);
text-align: end; display: flex;
line-height: 30px; flex-flow: wrap;
min-height: 32px; gap: 5px;
align-items: center;
box-sizing: border-box; box-sizing: border-box;
font-size: 12px;
padding: 0; padding: 0;
} }
.app-body .poll__link { .app-body .poll__link {
color: var(--color-accent); color: var(--color-accent);
text-decoration: none; text-decoration: none;
padding: 5px 8px; box-sizing: border-box;
padding: 0 8px;
border: 1px solid var(--color-accent-bg); border: 1px solid var(--color-accent-bg);
border-radius: 8px; border-radius: 8px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
height: 32px;
transition: all .3s; transition: all .3s;
} }
.app-body .poll__link:hover { .app-body .poll__link:hover {
@ -1578,8 +1582,9 @@ body.app-body {
outline-width: 1px !important; outline-width: 1px !important;
} }
.app-body .poll__footer .button.button-secondary { .app-body .poll__footer .button.button-secondary {
box-sizing: border-box;
padding: 0 16px; padding: 0 16px;
margin: 0 0 0 10px; margin: 0;
height: 32px; height: 32px;
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);

15
TangerineUI.css
View File

@ -1505,20 +1505,24 @@ body.app-body {
} }
.app-body .poll__footer { .app-body .poll__footer {
color: var(--color-content-fg-muted); color: var(--color-content-fg-muted);
text-align: end; display: flex;
line-height: 30px; flex-flow: wrap;
min-height: 32px; gap: 5px;
align-items: center;
box-sizing: border-box; box-sizing: border-box;
font-size: 12px;
padding: 0; padding: 0;
} }
.app-body .poll__link { .app-body .poll__link {
color: var(--color-accent); color: var(--color-accent);
text-decoration: none; text-decoration: none;
padding: 5px 8px; box-sizing: border-box;
padding: 0 8px;
border: 1px solid var(--color-accent-bg); border: 1px solid var(--color-accent-bg);
border-radius: 8px; border-radius: 8px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
height: 32px;
transition: all .3s; transition: all .3s;
} }
.app-body .poll__link:hover { .app-body .poll__link:hover {
@ -1578,8 +1582,9 @@ body.app-body {
outline-width: 1px !important; outline-width: 1px !important;
} }
.app-body .poll__footer .button.button-secondary { .app-body .poll__footer .button.button-secondary {
box-sizing: border-box;
padding: 0 16px; padding: 0 16px;
margin: 0 0 0 10px; margin: 0;
height: 32px; height: 32px;
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);