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 {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 30px;
|
||||
visibility: hidden;
|
||||
transition: all 0.3s cubic-bezier(0.74, -0.05, 0.27, 1.75);
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
.popup:not(.popup-show):not(#users.chatAndUsers) {
|
||||
opacity: 0;
|
||||
transform: scale(0.7);
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#mycolorpicker {
|
||||
top: 0;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue