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/properties";
$animation_time: $button_hover_animation_time;
.container {
position: relative;
overflow: hidden;
/* Don't use overflow hidden here since some container may require overflow */
&:hover {
.containerButton {
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;
z-index: 10;
top: -3em;
opacity: 0;
top: -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 {
display: none;
@ -38,7 +44,7 @@
cursor: pointer;
@include transition(all ease-in-out $button_hover_animation_time);
@include transition(all ease-in-out $animation_time);
&:hover {
background-color: #0000008f;

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

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