mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +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 {
color: var(--color-content-fg-muted);
text-align: end;
line-height: 30px;
min-height: 32px;
display: flex;
flex-flow: wrap;
gap: 5px;
align-items: center;
box-sizing: border-box;
font-size: 12px;
padding: 0;
}
.app-body .poll__link {
color: var(--color-accent);
text-decoration: none;
padding: 5px 8px;
box-sizing: border-box;
padding: 0 8px;
border: 1px solid var(--color-accent-bg);
border-radius: 8px;
font-size: 12px;
font-weight: 500;
height: 32px;
transition: all .3s;
}
.app-body .poll__link:hover {
@ -1578,8 +1582,9 @@ body.app-body {
outline-width: 1px !important;
}
.app-body .poll__footer .button.button-secondary {
box-sizing: border-box;
padding: 0 16px;
margin: 0 0 0 10px;
margin: 0;
height: 32px;
background-color: var(--color-accent);
color: var(--color-accent-fg);

15
TangerineUI-purple.css
View File

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

15
TangerineUI.css
View File

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