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

Search field fixes

Browse source
This commit is contained in:
Niléane 2024-01-23 13:15:04 +01:00
commit 3dc42541a3
No known key found for this signature in database
3 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
TangerineUI-cherry.css
View file

@ -3967,7 +3967,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
font-weight: 500; font-weight: 500;
padding-right: 45px; padding-inline-end: 45px;
padding-inline-start: 16px;
outline-offset: 0; outline-offset: 0;
outline: 0 solid var(--color-accent-bg); outline: 0 solid var(--color-accent-bg);
transition: transition:
@ -3984,6 +3985,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-color: var(--color-accent); border-color: var(--color-accent);
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
outline: 3px solid var(--color-accent-bg); outline: 3px solid var(--color-accent-bg);
border-radius: 8px;
} }
.app-body .search__input:focus::placeholder, .app-body .search__input:focus::placeholder,
.app-body .compose-form .spoiler-input__input:focus::placeholder { .app-body .compose-form .spoiler-input__input:focus::placeholder {
@ -3995,6 +3997,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%);
background-size: 24px !important; background-size: 24px !important;
top: 50%; top: 50%;
inset-inline-start: unset;
inset-inline-end: 12px;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon { .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
background-image: var(--icon-erase-active); background-image: var(--icon-erase-active);

6
TangerineUI-purple.css
View file

@ -3967,7 +3967,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
font-weight: 500; font-weight: 500;
padding-right: 45px; padding-inline-end: 45px;
padding-inline-start: 16px;
outline-offset: 0; outline-offset: 0;
outline: 0 solid var(--color-accent-bg); outline: 0 solid var(--color-accent-bg);
transition: transition:
@ -3984,6 +3985,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-color: var(--color-accent); border-color: var(--color-accent);
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
outline: 3px solid var(--color-accent-bg); outline: 3px solid var(--color-accent-bg);
border-radius: 8px;
} }
.app-body .search__input:focus::placeholder, .app-body .search__input:focus::placeholder,
.app-body .compose-form .spoiler-input__input:focus::placeholder { .app-body .compose-form .spoiler-input__input:focus::placeholder {
@ -3995,6 +3997,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%);
background-size: 24px !important; background-size: 24px !important;
top: 50%; top: 50%;
inset-inline-start: unset;
inset-inline-end: 12px;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon { .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
background-image: var(--icon-erase-active); background-image: var(--icon-erase-active);

6
TangerineUI.css
View file

@ -3967,7 +3967,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
font-weight: 500; font-weight: 500;
padding-right: 45px; padding-inline-end: 45px;
padding-inline-start: 16px;
outline-offset: 0; outline-offset: 0;
outline: 0 solid var(--color-accent-bg); outline: 0 solid var(--color-accent-bg);
transition: transition:
@ -3984,6 +3985,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-color: var(--color-accent); border-color: var(--color-accent);
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
outline: 3px solid var(--color-accent-bg); outline: 3px solid var(--color-accent-bg);
border-radius: 8px;
} }
.app-body .search__input:focus::placeholder, .app-body .search__input:focus::placeholder,
.app-body .compose-form .spoiler-input__input:focus::placeholder { .app-body .compose-form .spoiler-input__input:focus::placeholder {
@ -3995,6 +3997,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%);
background-size: 24px !important; background-size: 24px !important;
top: 50%; top: 50%;
inset-inline-start: unset;
inset-inline-end: 12px;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon { .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
background-image: var(--icon-erase-active); background-image: var(--icon-erase-active);