css: Refactor popup visibility rulesets
to simplify the rules and improve readability.pull/5485/head
parent
1ad7e4601f
commit
56d6a1800b
|
@ -1,25 +1,17 @@
|
||||||
.popup.popup-show, .popup#users.chatAndUsers {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup > .popup-content {
|
|
||||||
transform: scale(0.7);
|
|
||||||
opacity: 0;
|
|
||||||
transition: all 0.3s cubic-bezier(0.74, -0.05, 0.27, 1.75)
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup.popup-show > .popup-content, .popup#users.chatAndUsers > .popup-content {
|
|
||||||
transform: scale(1);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup {
|
.popup {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
right: 30px;
|
right: 30px;
|
||||||
visibility: hidden;
|
transition: all 0.3s cubic-bezier(0.74, -0.05, 0.27, 1.75);
|
||||||
z-index: 500;
|
z-index: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.popup:not(.popup-show):not(#users.chatAndUsers) {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.7);
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
#mycolorpicker {
|
#mycolorpicker {
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue