TeaSpeak
/
TeaWeb
1
0
Fork 0
Code Issues 1 Pull Requests Activity

Fixed the bugged emoji picker

master
WolverinDEV 2021-06-10 16:54:12 +02:00
parent 4e01d1e6e0
commit 5175b362f7
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
shared/js/ui/react-elements/DetachButtons.scss
View File

@ -1,13 +1,17 @@
@import "../../../css/static/mixin"; @import "../../../css/static/mixin";
@import "../../../css/static/properties"; @import "../../../css/static/properties";
$animation_time: $button_hover_animation_time;
.container { .container {
position: relative; position: relative;
overflow: hidden; /* Don't use overflow hidden here since some container may require overflow */
&:hover { &:hover {
.containerButton { .containerButton {
top: 1em; top: 1em;
opacity: 1;
@include transition(top ease-in-out $animation_time, opacity ease-in-out $animation_time / 2 $animation_time / 2);
} }
} }
} }
@ -16,10 +20,12 @@
position: absolute; position: absolute;
z-index: 10; z-index: 10;
top: -3em; opacity: 0;
top: -1em;
right: 1em; right: 1em;
@include transition(all ease-in-out $button_hover_animation_time); @include transition(top ease-in-out $animation_time, opacity ease-in-out $animation_time / 2);
&.disabled { &.disabled {
display: none; display: none;
@ -38,7 +44,7 @@
cursor: pointer; cursor: pointer;
@include transition(all ease-in-out $button_hover_animation_time); @include transition(all ease-in-out $animation_time);
&:hover { &:hover {
background-color: #0000008f; background-color: #0000008f;

5
shared/js/ui/react-elements/Icon.scss
View File

@ -2,6 +2,11 @@
width: 1em; width: 1em;
height: 1em; height: 1em;
flex-shrink: 0;
flex-grow: 0;
align-self: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: stretch; justify-content: stretch;