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

Thinner border on focused CW field

Browse source
This commit is contained in:
Niléane 2023-12-10 20:59:26 +01:00
parent fa61688403
commit 1f3ca6f603
No known key found for this signature in database
3 changed files with 12 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
TangerineUI-cherry.css
View file

@ -962,10 +962,12 @@ body.app-body {
box-sizing: border-box; box-sizing: border-box;
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
padding: 5px;
} }
.app-body .compose-form .poll__option .autosuggest-input { .app-body .compose-form .poll__option .autosuggest-input {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
padding: 0;
} }
.app-body .compose-form .spoiler-input.spoiler-input--visible { .app-body .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
@ -976,16 +978,11 @@ body.app-body {
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: 10px; border-radius: 8px;
padding: 12px 15px; padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
} }
.app-body .compose-form .spoiler-input__input:focus { .app-body .compose-form .spoiler-input__input:focus {
box-shadow: box-shadow: 0 0 0 1px inset var(--color-accent);
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);
} }
.app-body .display-name { .app-body .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);

11
TangerineUI-purple.css
View file

@ -961,10 +961,12 @@ body.app-body {
box-sizing: border-box; box-sizing: border-box;
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
padding: 5px;
} }
.app-body .compose-form .poll__option .autosuggest-input { .app-body .compose-form .poll__option .autosuggest-input {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
padding: 0;
} }
.app-body .compose-form .spoiler-input.spoiler-input--visible { .app-body .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
@ -975,16 +977,11 @@ body.app-body {
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: 10px; border-radius: 8px;
padding: 12px 15px; padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
} }
.app-body .compose-form .spoiler-input__input:focus { .app-body .compose-form .spoiler-input__input:focus {
box-shadow: box-shadow: 0 0 0 1px inset var(--color-accent);
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);
} }
.app-body .display-name { .app-body .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);

11
TangerineUI.css
View file

@ -961,10 +961,12 @@ body.app-body {
box-sizing: border-box; box-sizing: border-box;
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
padding: 5px;
} }
.app-body .compose-form .poll__option .autosuggest-input { .app-body .compose-form .poll__option .autosuggest-input {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
padding: 0;
} }
.app-body .compose-form .spoiler-input.spoiler-input--visible { .app-body .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0; margin-bottom: 0;
@ -975,16 +977,11 @@ body.app-body {
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: 10px; border-radius: 8px;
padding: 12px 15px; padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
} }
.app-body .compose-form .spoiler-input__input:focus { .app-body .compose-form .spoiler-input__input:focus {
box-shadow: box-shadow: 0 0 0 1px inset var(--color-accent);
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);
} }
.app-body .display-name { .app-body .display-name {
color: var(--color-content-fg); color: var(--color-content-fg);