Be more specific for control bar button background

Use the more specific background-color, and background-image properties
when setting the state backgrounds for the control bar buttons. This way
we no longer pollute all background related properties. It makes things
easier if we need to replace them in some states in the future.
This commit is contained in:
Samuel Mannehed 2022-12-09 16:22:36 +01:00
parent 4050f0e248
commit 654066f2c4
1 changed files with 4 additions and 4 deletions

View File

@ -389,11 +389,11 @@ html {
vertical-align: middle;
border:1px solid rgba(255, 255, 255, 0.2);
border-radius: 6px;
background: transparent;
background-image: unset; /* we don't want the gradiant from input.css */
}
#noVNC_control_bar .noVNC_button.noVNC_selected {
border-color: rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.5);
}
#noVNC_control_bar .noVNC_button:disabled {
opacity: 0.4;
@ -409,10 +409,10 @@ html {
* intercepted */
:root:not(.noVNC_touch) #noVNC_control_bar .noVNC_button.noVNC_selected:not(:disabled):hover {
border-color: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.2);
}
:root:not(.noVNC_touch) #noVNC_control_bar .noVNC_button:not(:disabled):hover {
background: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.2);
}
#noVNC_control_bar .noVNC_button.noVNC_hidden {
display: none !important;