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

Added transition to post action bar buttons

Browse source
This commit is contained in:
Niléane 2023-08-24 12:38:28 +02:00
commit c79edd1521
No known key found for this signature in database
4 changed files with 32 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
TangerineUI-purple.css
View file

@ -1078,7 +1078,7 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent-bg); background-color: var(--color-accent-lines);
border-radius: 8px; border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
@ -1091,6 +1091,10 @@ body.layout-single-column {
justify-content: left; justify-content: left;
margin-top: 8px; margin-top: 8px;
} }
.layout-single-column .status__action-bar button,
.layout-single-column .status__action-bar .status__action-bar__dropdown {
transition: all .3s;
}
.layout-single-column .status__action-bar .status__action-bar__dropdown { .layout-single-column .status__action-bar .status__action-bar__dropdown {
position: absolute; position: absolute;
right: 18px; right: 18px;
@ -2214,6 +2218,9 @@ body.layout-single-column {
.layout-single-column .account__header__badges .account-role span { .layout-single-column .account__header__badges .account-role span {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .account-role svg {
opacity: 1;
}
.layout-single-column .account__header__extra__links a, .layout-single-column .account__header__extra__links a,
.layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__content,
.layout-single-column .account__header__bio .account__header__fields dd { .layout-single-column .account__header__bio .account__header__fields dd {

9
TangerineUI.css
View file

@ -1078,7 +1078,7 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent-bg); background-color: var(--color-accent-lines);
border-radius: 8px; border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
@ -1091,6 +1091,10 @@ body.layout-single-column {
justify-content: left; justify-content: left;
margin-top: 8px; margin-top: 8px;
} }
.layout-single-column .status__action-bar button,
.layout-single-column .status__action-bar .status__action-bar__dropdown {
transition: all .3s;
}
.layout-single-column .status__action-bar .status__action-bar__dropdown { .layout-single-column .status__action-bar .status__action-bar__dropdown {
position: absolute; position: absolute;
right: 18px; right: 18px;
@ -2214,6 +2218,9 @@ body.layout-single-column {
.layout-single-column .account__header__badges .account-role span { .layout-single-column .account__header__badges .account-role span {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .account-role svg {
opacity: 1;
}
.layout-single-column .account__header__extra__links a, .layout-single-column .account__header__extra__links a,
.layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__content,
.layout-single-column .account__header__bio .account__header__fields dd { .layout-single-column .account__header__bio .account__header__fields dd {

9
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -1078,7 +1078,7 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent-bg); background-color: var(--color-accent-lines);
border-radius: 8px; border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
@ -1091,6 +1091,10 @@ body.layout-single-column {
justify-content: left; justify-content: left;
margin-top: 8px; margin-top: 8px;
} }
.layout-single-column .status__action-bar button,
.layout-single-column .status__action-bar .status__action-bar__dropdown {
transition: all .3s;
}
.layout-single-column .status__action-bar .status__action-bar__dropdown { .layout-single-column .status__action-bar .status__action-bar__dropdown {
position: absolute; position: absolute;
right: 18px; right: 18px;
@ -2214,6 +2218,9 @@ body.layout-single-column {
.layout-single-column .account__header__badges .account-role span { .layout-single-column .account__header__badges .account-role span {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .account-role svg {
opacity: 1;
}
.layout-single-column .account__header__extra__links a, .layout-single-column .account__header__extra__links a,
.layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__content,
.layout-single-column .account__header__bio .account__header__fields dd { .layout-single-column .account__header__bio .account__header__fields dd {

9
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -1078,7 +1078,7 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent-bg); background-color: var(--color-accent-lines);
border-radius: 8px; border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
@ -1091,6 +1091,10 @@ body.layout-single-column {
justify-content: left; justify-content: left;
margin-top: 8px; margin-top: 8px;
} }
.layout-single-column .status__action-bar button,
.layout-single-column .status__action-bar .status__action-bar__dropdown {
transition: all .3s;
}
.layout-single-column .status__action-bar .status__action-bar__dropdown { .layout-single-column .status__action-bar .status__action-bar__dropdown {
position: absolute; position: absolute;
right: 18px; right: 18px;
@ -2214,6 +2218,9 @@ body.layout-single-column {
.layout-single-column .account__header__badges .account-role span { .layout-single-column .account__header__badges .account-role span {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .account-role svg {
opacity: 1;
}
.layout-single-column .account__header__extra__links a, .layout-single-column .account__header__extra__links a,
.layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__content,
.layout-single-column .account__header__bio .account__header__fields dd { .layout-single-column .account__header__bio .account__header__fields dd {