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

Copy CSS files to installation folder

Browse source
This commit is contained in:
nileane 2024-07-04 18:46:50 +00:00 • committed by github-actions[bot]
commit 2cc5b8ba98
3 changed files with 71 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

28
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
View file

@ -4619,22 +4619,40 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .story__details__title {
font-weight: bold;
transition: all .3s;
}
.app-body .story:hover {
.app-body .story:has(:is(.story__thumbnail, .story__details__title):hover) {
background-color: var(--color-content-bg-focus);
}
.app-body .story__details__publisher,
.app-body .story__details__shared {
.app-body .story__details__publisher {
color: var(--color-fg);
}
.app-body .story :is(.story__details__publisher, .story__details__shared) {
.app-body .story .story__details__publisher {
opacity: .7;
transition: all .3s;
}
.app-body .story:hover :is(.story__details__publisher, .story__details__shared) {
.app-body .story:has(:is(.story__thumbnail, .story__details__title):hover) :is(.story__details__publisher, .story__details__title) {
color: var(--color-accent);
opacity: 1;
}
.app-body .story__details__shared__pill {
background-color:
color-mix(
in srgb,
var(--color-accent),
transparent 92%
);
color: var(--color-accent);
border-radius: 8px;
transition: all .3s;
}
.app-body .story__details__shared__pill:hover {
background-color: var(--color-accent-bg);
}
.app-body .story__details__shared__pill:active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.app-body .story.expanded {
gap: 10px;
padding-bottom: 20px;