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

Visual improvements to the note field on profiles

Browse source
This commit is contained in:
Niléane 2024-03-02 12:37:51 +01:00
commit 859dc23a9c
No known key found for this signature in database
3 changed files with 51 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

18
TangerineUI-cherry.css
View file

@ -3938,12 +3938,28 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 8px; border-radius: 8px;
font-style: italic; font-style: italic;
margin: 0;
width: 100%;
outline: 1px solid transparent;
outline-offset: -1px;
transition: all .2s;
}
.app-body .account__header__account-note textarea:placeholder-shown {
padding-left: 0;
padding-right: 0;
} }
.app-body .account__header__account-note textarea:focus { .app-body .account__header__account-note textarea:focus {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
padding-left: 10px;
padding-right: 10px;
} }
.app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) { .app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) {
box-shadow: inset 0 0 0 1px var(--color-lines); outline-color: var(--color-lines);
box-shadow: 2px 3px var(--color-content-secondary-bg);
}
.app-body .account__header__account-note textarea:not(:placeholder-shown):focus {
outline-color: var(--color-accent);
box-shadow: 2px 3px var(--color-accent-bg);
} }
.app-body .account__header__badges .account-role { .app-body .account__header__badges .account-role {
border-radius: 8px; border-radius: 8px;

18
TangerineUI-purple.css
View file

@ -3938,12 +3938,28 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 8px; border-radius: 8px;
font-style: italic; font-style: italic;
margin: 0;
width: 100%;
outline: 1px solid transparent;
outline-offset: -1px;
transition: all .2s;
}
.app-body .account__header__account-note textarea:placeholder-shown {
padding-left: 0;
padding-right: 0;
} }
.app-body .account__header__account-note textarea:focus { .app-body .account__header__account-note textarea:focus {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
padding-left: 10px;
padding-right: 10px;
} }
.app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) { .app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) {
box-shadow: inset 0 0 0 1px var(--color-lines); outline-color: var(--color-lines);
box-shadow: 2px 3px var(--color-content-secondary-bg);
}
.app-body .account__header__account-note textarea:not(:placeholder-shown):focus {
outline-color: var(--color-accent);
box-shadow: 2px 3px var(--color-accent-bg);
} }
.app-body .account__header__badges .account-role { .app-body .account__header__badges .account-role {
border-radius: 8px; border-radius: 8px;

18
TangerineUI.css
View file

@ -3938,12 +3938,28 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 8px; border-radius: 8px;
font-style: italic; font-style: italic;
margin: 0;
width: 100%;
outline: 1px solid transparent;
outline-offset: -1px;
transition: all .2s;
}
.app-body .account__header__account-note textarea:placeholder-shown {
padding-left: 0;
padding-right: 0;
} }
.app-body .account__header__account-note textarea:focus { .app-body .account__header__account-note textarea:focus {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
padding-left: 10px;
padding-right: 10px;
} }
.app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) { .app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) {
box-shadow: inset 0 0 0 1px var(--color-lines); outline-color: var(--color-lines);
box-shadow: 2px 3px var(--color-content-secondary-bg);
}
.app-body .account__header__account-note textarea:not(:placeholder-shown):focus {
outline-color: var(--color-accent);
box-shadow: 2px 3px var(--color-accent-bg);
} }
.app-body .account__header__badges .account-role { .app-body .account__header__badges .account-role {
border-radius: 8px; border-radius: 8px;