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

Improved content warning input

Browse source
This commit is contained in:
Niléane 2023-07-20 14:58:16 +02:00
commit eecf2319c4
No known key found for this signature in database
4 changed files with 52 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
TangerineUI-purple.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻 /* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.7 version: 1.7.1
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -589,12 +589,23 @@ body.layout-single-column {
} }
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { .layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
} }
.layout-single-column .compose-form .spoiler-input__input { .layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
margin-bottom: 0; margin-bottom: 0;
border-radius: 0; border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
} }
.layout-single-column .display-name { .layout-single-column .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);

15
TangerineUI.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon /* TangerineUI 🍊 for Mastodon
version: 1.7 version: 1.7.1
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -589,12 +589,23 @@ body.layout-single-column {
} }
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { .layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
} }
.layout-single-column .compose-form .spoiler-input__input { .layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
margin-bottom: 0; margin-bottom: 0;
border-radius: 0; border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
} }
.layout-single-column .display-name { .layout-single-column .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);

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

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻 /* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.7 version: 1.7.1
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -589,12 +589,23 @@ body.layout-single-column {
} }
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { .layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
} }
.layout-single-column .compose-form .spoiler-input__input { .layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
margin-bottom: 0; margin-bottom: 0;
border-radius: 0; border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
} }
.layout-single-column .display-name { .layout-single-column .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);

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

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon /* TangerineUI 🍊 for Mastodon
version: 1.7 version: 1.7.1
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -589,12 +589,23 @@ body.layout-single-column {
} }
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { .layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
} }
.layout-single-column .compose-form .spoiler-input__input { .layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
margin-bottom: 0; margin-bottom: 0;
border-radius: 0; border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
} }
.layout-single-column .display-name { .layout-single-column .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);