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-08-23 14:23:24 +00:00 • committed by github-actions[bot]
commit 0bd3b563eb
4 changed files with 168 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2259,6 +2259,7 @@ body.app-body {
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: visible;
align-items: start; align-items: start;
max-height: 22px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -3024,27 +3025,38 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__content p:last-child { .app-body .status__content p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) { .app-body .content-warning {
margin-bottom: 1px; background: none;
} color: var(--color-content-fg);
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) > span { margin-inline-start: 0;
font-weight: bold; margin-top: 2px;
} border: 0;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)) > p:first-child:has(.status__content__spoiler-link) + div { padding: 0 0 30px;
display: none; font-weight: 700;
} font-size: 15px;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { line-height: 19px;
margin-top: 5px;
}
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link {
background-color: transparent;
width: 100%;
margin: -22px 0 0;
padding: 27px 0 5px;
text-align: start;
position: relative; position: relative;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { .app-body .detailed-status .content-warning {
font-size: 19px;
line-height: 24px;
}
.app-body .content-warning::before,
.app-body .content-warning::after {
display: none;
}
.app-body .content-warning .link-button {
background-color: transparent;
width: 100%;
text-align: start;
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: end;
text-decoration: none;
}
.app-body .content-warning .link-button span {
background-color: transparent; background-color: transparent;
background-image: var(--icon-eye-shut); background-image: var(--icon-eye-shut);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3070,34 +3082,32 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body .content-warning .link-button:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:active span { @media (prefers-color-scheme: dark) {
.app-body .content-warning .link-button:hover span {
border-color: rgba(255, 255, 255, .3);
}
}
.app-body .content-warning .link-button:active span {
transform: scale(.95); transform: scale(.95);
} }
.app-body :is(.reply-indicator__content, .status__content):has(> .status__content__text--visible) .status__content__spoiler-link span { .app-body .content-warning:has(+ .status__content > .status__content__text--visible) .link-button span {
background-image: var(--icon-eye-open); background-image: var(--icon-eye-open);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span {
color: var(--color-content-fg);
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .3);
} }
} }
.app-body .icon-button.overlayed { .app-body .icon-button.overlayed {
background-color: #ffffff; background-color: rgba(0, 0, 0, .1);
color: #444b5d;
opacity: .6;
transition: opacity .3s;
border-radius: 7px; border-radius: 7px;
} }
.app-body .icon-button.overlayed:hover { .app-body .icon-button.overlayed:hover {
background-color: #ffffff; background-color: rgba(0, 0, 0, .4);
color: #444b5d;
opacity: 1;
} }
.app-body .status__wrapper--filtered__button { .app-body .status__wrapper--filtered__button {
color: var(--color-accent); color: var(--color-accent);

74
mastodon/app/javascript/styles/tangerineui-lagoon/tangerineui-lagoon.scss
View file

@ -2259,6 +2259,7 @@ body.app-body {
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: visible;
align-items: start; align-items: start;
max-height: 22px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -3024,27 +3025,38 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__content p:last-child { .app-body .status__content p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) { .app-body .content-warning {
margin-bottom: 1px; background: none;
} color: var(--color-content-fg);
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) > span { margin-inline-start: 0;
font-weight: bold; margin-top: 2px;
} border: 0;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)) > p:first-child:has(.status__content__spoiler-link) + div { padding: 0 0 30px;
display: none; font-weight: 700;
} font-size: 15px;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { line-height: 19px;
margin-top: 5px;
}
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link {
background-color: transparent;
width: 100%;
margin: -22px 0 0;
padding: 27px 0 5px;
text-align: start;
position: relative; position: relative;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { .app-body .detailed-status .content-warning {
font-size: 19px;
line-height: 24px;
}
.app-body .content-warning::before,
.app-body .content-warning::after {
display: none;
}
.app-body .content-warning .link-button {
background-color: transparent;
width: 100%;
text-align: start;
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: end;
text-decoration: none;
}
.app-body .content-warning .link-button span {
background-color: transparent; background-color: transparent;
background-image: var(--icon-eye-shut); background-image: var(--icon-eye-shut);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3070,34 +3082,32 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body .content-warning .link-button:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:active span { @media (prefers-color-scheme: dark) {
.app-body .content-warning .link-button:hover span {
border-color: rgba(255, 255, 255, .3);
}
}
.app-body .content-warning .link-button:active span {
transform: scale(.95); transform: scale(.95);
} }
.app-body :is(.reply-indicator__content, .status__content):has(> .status__content__text--visible) .status__content__spoiler-link span { .app-body .content-warning:has(+ .status__content > .status__content__text--visible) .link-button span {
background-image: var(--icon-eye-open); background-image: var(--icon-eye-open);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span {
color: var(--color-content-fg);
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .3);
} }
} }
.app-body .icon-button.overlayed { .app-body .icon-button.overlayed {
background-color: #ffffff; background-color: rgba(0, 0, 0, .1);
color: #444b5d;
opacity: .6;
transition: opacity .3s;
border-radius: 7px; border-radius: 7px;
} }
.app-body .icon-button.overlayed:hover { .app-body .icon-button.overlayed:hover {
background-color: #ffffff; background-color: rgba(0, 0, 0, .4);
color: #444b5d;
opacity: 1;
} }
.app-body .status__wrapper--filtered__button { .app-body .status__wrapper--filtered__button {
color: var(--color-accent); color: var(--color-accent);

74
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
View file

@ -2259,6 +2259,7 @@ body.app-body {
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: visible;
align-items: start; align-items: start;
max-height: 22px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -3024,27 +3025,38 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__content p:last-child { .app-body .status__content p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) { .app-body .content-warning {
margin-bottom: 1px; background: none;
} color: var(--color-content-fg);
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) > span { margin-inline-start: 0;
font-weight: bold; margin-top: 2px;
} border: 0;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)) > p:first-child:has(.status__content__spoiler-link) + div { padding: 0 0 30px;
display: none; font-weight: 700;
} font-size: 15px;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { line-height: 19px;
margin-top: 5px;
}
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link {
background-color: transparent;
width: 100%;
margin: -22px 0 0;
padding: 27px 0 5px;
text-align: start;
position: relative; position: relative;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { .app-body .detailed-status .content-warning {
font-size: 19px;
line-height: 24px;
}
.app-body .content-warning::before,
.app-body .content-warning::after {
display: none;
}
.app-body .content-warning .link-button {
background-color: transparent;
width: 100%;
text-align: start;
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: end;
text-decoration: none;
}
.app-body .content-warning .link-button span {
background-color: transparent; background-color: transparent;
background-image: var(--icon-eye-shut); background-image: var(--icon-eye-shut);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3070,34 +3082,32 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body .content-warning .link-button:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:active span { @media (prefers-color-scheme: dark) {
.app-body .content-warning .link-button:hover span {
border-color: rgba(255, 255, 255, .3);
}
}
.app-body .content-warning .link-button:active span {
transform: scale(.95); transform: scale(.95);
} }
.app-body :is(.reply-indicator__content, .status__content):has(> .status__content__text--visible) .status__content__spoiler-link span { .app-body .content-warning:has(+ .status__content > .status__content__text--visible) .link-button span {
background-image: var(--icon-eye-open); background-image: var(--icon-eye-open);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span {
color: var(--color-content-fg);
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .3);
} }
} }
.app-body .icon-button.overlayed { .app-body .icon-button.overlayed {
background-color: #ffffff; background-color: rgba(0, 0, 0, .1);
color: #444b5d;
opacity: .6;
transition: opacity .3s;
border-radius: 7px; border-radius: 7px;
} }
.app-body .icon-button.overlayed:hover { .app-body .icon-button.overlayed:hover {
background-color: #ffffff; background-color: rgba(0, 0, 0, .4);
color: #444b5d;
opacity: 1;
} }
.app-body .status__wrapper--filtered__button { .app-body .status__wrapper--filtered__button {
color: var(--color-accent); color: var(--color-accent);

74
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
View file

@ -2259,6 +2259,7 @@ body.app-body {
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: visible;
align-items: start; align-items: start;
max-height: 22px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -3024,27 +3025,38 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__content p:last-child { .app-body .status__content p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) { .app-body .content-warning {
margin-bottom: 1px; background: none;
} color: var(--color-content-fg);
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) > span { margin-inline-start: 0;
font-weight: bold; margin-top: 2px;
} border: 0;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)) > p:first-child:has(.status__content__spoiler-link) + div { padding: 0 0 30px;
display: none; font-weight: 700;
} font-size: 15px;
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { line-height: 19px;
margin-top: 5px;
}
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link {
background-color: transparent;
width: 100%;
margin: -22px 0 0;
padding: 27px 0 5px;
text-align: start;
position: relative; position: relative;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { .app-body .detailed-status .content-warning {
font-size: 19px;
line-height: 24px;
}
.app-body .content-warning::before,
.app-body .content-warning::after {
display: none;
}
.app-body .content-warning .link-button {
background-color: transparent;
width: 100%;
text-align: start;
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: end;
text-decoration: none;
}
.app-body .content-warning .link-button span {
background-color: transparent; background-color: transparent;
background-image: var(--icon-eye-shut); background-image: var(--icon-eye-shut);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3070,34 +3082,32 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body .content-warning .link-button:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:active span { @media (prefers-color-scheme: dark) {
.app-body .content-warning .link-button:hover span {
border-color: rgba(255, 255, 255, .3);
}
}
.app-body .content-warning .link-button:active span {
transform: scale(.95); transform: scale(.95);
} }
.app-body :is(.reply-indicator__content, .status__content):has(> .status__content__text--visible) .status__content__spoiler-link span { .app-body .content-warning:has(+ .status__content > .status__content__text--visible) .link-button span {
background-image: var(--icon-eye-open); background-image: var(--icon-eye-open);
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span {
color: var(--color-content-fg);
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .3);
} }
} }
.app-body .icon-button.overlayed { .app-body .icon-button.overlayed {
background-color: #ffffff; background-color: rgba(0, 0, 0, .1);
color: #444b5d;
opacity: .6;
transition: opacity .3s;
border-radius: 7px; border-radius: 7px;
} }
.app-body .icon-button.overlayed:hover { .app-body .icon-button.overlayed:hover {
background-color: #ffffff; background-color: rgba(0, 0, 0, .4);
color: #444b5d;
opacity: 1;
} }
.app-body .status__wrapper--filtered__button { .app-body .status__wrapper--filtered__button {
color: var(--color-accent); color: var(--color-accent);