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

Added active state to some buttons

Browse Source
This commit is contained in:
Niléane 2024-02-03 15:16:29 +01:00
parent cb694b633f
commit 9a345bde8a
No known key found for this signature in database
3 changed files with 69 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
TangerineUI-cherry.css
View File

@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
font-weight: bold;
}
.app-body .account__header__tabs__buttons > button:first-child:active {
transform: scale(.95);
}
/* ✨ Explore tab
-------------- */
@ -4758,9 +4762,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.language-dropdown__dropdown__results__item__common-name) {
color: var(--color-accent);
}
.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
.app-body .button.button-tertiary:is(:active, :focus, :hover),
.app-body .button.logo-button:is(:active, :focus, :hover) {
.app-body .button:not(.button-secondary):is(:active, :hover),
.app-body .button.button-tertiary:is(:active, :hover),
.app-body .button.logo-button:is(:active, :hover) {
background-color: var(--color-accent-focus);
}
@ -4935,6 +4939,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: transparent;
color: var(--color-accent);
}
.app-body
:is(
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
.confirmation-modal__secondary-button,
.mute-modal__cancel-button
):active,
:is(
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
.confirmation-modal__secondary-button,
.mute-modal__cancel-button
)
+ button:active {
transform: scale(.95);
}
.app-body .status__content a.hashtag {
color: var(--color-accent);
}

26
TangerineUI-purple.css
View File

@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
font-weight: bold;
}
.app-body .account__header__tabs__buttons > button:first-child:active {
transform: scale(.95);
}
/* ✨ Explore tab
-------------- */
@ -4758,9 +4762,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.language-dropdown__dropdown__results__item__common-name) {
color: var(--color-accent);
}
.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
.app-body .button.button-tertiary:is(:active, :focus, :hover),
.app-body .button.logo-button:is(:active, :focus, :hover) {
.app-body .button:not(.button-secondary):is(:active, :hover),
.app-body .button.button-tertiary:is(:active, :hover),
.app-body .button.logo-button:is(:active, :hover) {
background-color: var(--color-accent-focus);
}
@ -4935,6 +4939,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: transparent;
color: var(--color-accent);
}
.app-body
:is(
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
.confirmation-modal__secondary-button,
.mute-modal__cancel-button
):active,
:is(
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
.confirmation-modal__secondary-button,
.mute-modal__cancel-button
)
+ button:active {
transform: scale(.95);
}
.app-body .status__content a.hashtag {
color: var(--color-accent);
}

26
TangerineUI.css
View File

@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
font-weight: bold;
}
.app-body .account__header__tabs__buttons > button:first-child:active {
transform: scale(.95);
}
/* ✨ Explore tab
-------------- */
@ -4758,9 +4762,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.language-dropdown__dropdown__results__item__common-name) {
color: var(--color-accent);
}
.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
.app-body .button.button-tertiary:is(:active, :focus, :hover),
.app-body .button.logo-button:is(:active, :focus, :hover) {
.app-body .button:not(.button-secondary):is(:active, :hover),
.app-body .button.button-tertiary:is(:active, :hover),
.app-body .button.logo-button:is(:active, :hover) {
background-color: var(--color-accent-focus);
}
@ -4935,6 +4939,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: transparent;
color: var(--color-accent);
}
.app-body
:is(
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
.confirmation-modal__secondary-button,
.mute-modal__cancel-button
):active,
:is(
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
.confirmation-modal__secondary-button,
.mute-modal__cancel-button
)
+ button:active {
transform: scale(.95);
}
.app-body .status__content a.hashtag {
color: var(--color-accent);
}