From 654066f2c49ad664470ac973e9307ddd43247ce0 Mon Sep 17 00:00:00 2001 From: Samuel Mannehed Date: Fri, 9 Dec 2022 16:22:36 +0100 Subject: [PATCH] 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. --- app/styles/base.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/styles/base.css b/app/styles/base.css index df0daf0d..a55ca612 100644 --- a/app/styles/base.css +++ b/app/styles/base.css @@ -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;