diff --git a/app/styles/base.css b/app/styles/base.css index 164cc54b..5a39a6a3 100644 --- a/app/styles/base.css +++ b/app/styles/base.css @@ -241,15 +241,18 @@ html { transition: 0.5s ease-in-out; - background-color: rgb(110, 132, 163); + background-color: #0A0A16; border-radius: 0 10px 10px 0; - + + display: flex; + align-items: center; + user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; /* Disable iOS image long-press popup */ } #noVNC_control_bar.noVNC_open { - box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5); + /* box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5); */ left: 0; } #noVNC_control_bar::before { @@ -261,6 +264,7 @@ html { width: 30px; left: -30px; transition: box-shadow 0.5s ease-in-out; + display: none; } #noVNC_control_bar.noVNC_open::before { box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5); @@ -279,15 +283,15 @@ html { #noVNC_control_bar_handle { position: absolute; left: -15px; - top: 0; + /* top: 0; */ transform: translateY(35px); width: calc(100% + 30px); height: 50px; z-index: -1; cursor: pointer; border-radius: 5px; - background-color: rgb(83, 99, 122); - background-image: url("../images/handle_bg.svg"); + background-color: #0A0A16; + /* background-image: url("../images/handle_bg.svg"); */ background-repeat: no-repeat; background-position: right; box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5);