css: Refactor popup visibility rulesets

to simplify the rules and improve readability.
This commit is contained in:
Richard Hansen 2022-03-24 03:12:46 -04:00
parent 1ad7e4601f
commit 56d6a1800b
1 changed files with 8 additions and 16 deletions

View File

@ -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;
}