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

Revert backspace icon bounce animation

Browse source
This commit is contained in:
Niléane 2023-12-27 16:08:58 +01:00
commit 43b7fad30c
No known key found for this signature in database
3 changed files with 0 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

18
TangerineUI-cherry.css
View file

@ -402,20 +402,6 @@ body.app-body {
transform: translate(0); transform: translate(0);
} }
} }
@keyframes bounce-horizontal {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
75% {
transform: translateX(15%);
}
100% {
transform: translateX(0);
}
}
@keyframes launch { @keyframes launch {
0% { 0% {
transform: translate(0); transform: translate(0);
@ -3932,9 +3918,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .4; opacity: .4;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon .icon {
animation: bounce-horizontal .3s 1;
}
.app-body .search__icon .icon { .app-body .search__icon .icon {
padding: 5px; padding: 5px;
transform: scale(1); transform: scale(1);
@ -3942,7 +3925,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
top: 8px; top: 8px;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon { .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
transform: translateX(-10%);
background-image: var(--icon-backspace-active); background-image: var(--icon-backspace-active);
} }
.app-body .compose-panel .icon-search, .app-body .compose-panel .icon-search,

18
TangerineUI-purple.css
View file

@ -402,20 +402,6 @@ body.app-body {
transform: translate(0); transform: translate(0);
} }
} }
@keyframes bounce-horizontal {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
75% {
transform: translateX(15%);
}
100% {
transform: translateX(0);
}
}
@keyframes launch { @keyframes launch {
0% { 0% {
transform: translate(0); transform: translate(0);
@ -3932,9 +3918,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .4; opacity: .4;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon .icon {
animation: bounce-horizontal .3s 1;
}
.app-body .search__icon .icon { .app-body .search__icon .icon {
padding: 5px; padding: 5px;
transform: scale(1); transform: scale(1);
@ -3942,7 +3925,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
top: 8px; top: 8px;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon { .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
transform: translateX(-10%);
background-image: var(--icon-backspace-active); background-image: var(--icon-backspace-active);
} }
.app-body .compose-panel .icon-search, .app-body .compose-panel .icon-search,

18
TangerineUI.css
View file

@ -402,20 +402,6 @@ body.app-body {
transform: translate(0); transform: translate(0);
} }
} }
@keyframes bounce-horizontal {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
75% {
transform: translateX(15%);
}
100% {
transform: translateX(0);
}
}
@keyframes launch { @keyframes launch {
0% { 0% {
transform: translate(0); transform: translate(0);
@ -3932,9 +3918,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .4; opacity: .4;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon .icon {
animation: bounce-horizontal .3s 1;
}
.app-body .search__icon .icon { .app-body .search__icon .icon {
padding: 5px; padding: 5px;
transform: scale(1); transform: scale(1);
@ -3942,7 +3925,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
top: 8px; top: 8px;
} }
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon { .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
transform: translateX(-10%);
background-image: var(--icon-backspace-active); background-image: var(--icon-backspace-active);
} }
.app-body .compose-panel .icon-search, .app-body .compose-panel .icon-search,