From 7ea69fc6c7f825499befaadbe8d3341a6bb0e8e7 Mon Sep 17 00:00:00 2001 From: Vladyslav Hroshev Date: Wed, 5 Apr 2023 22:12:29 +0300 Subject: [PATCH] OSD: add shadows & increase border radius --- css/{modal-dialog.css => osd.css} | 33 +++++++++++++++++-------------- 1 file changed, 18 insertions(+), 15 deletions(-) rename css/{modal-dialog.css => osd.css} (91%) diff --git a/css/modal-dialog.css b/css/osd.css similarity index 91% rename from css/modal-dialog.css rename to css/osd.css index 935c9ec..add51e9 100644 --- a/css/modal-dialog.css +++ b/css/osd.css @@ -1,30 +1,22 @@ /* OSD */ -.modal-dialog { - border-radius: 18px; - background-color: BACKGROUND-COLOR; - border: none; - box-shadow: inset 0 0 0 1px BORDER-SHADOW; - color: TEXT-PRIMARY-COLOR; -} - .switcher-list, .resize-popup, .workspace-switcher, .osd-window { - border-radius: 18px; - background: BACKGROUND-COLOR; color: TEXT-PRIMARY-COLOR; - box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.05); - border: none; - box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; + background-color: BACKGROUND-COLOR; + border: 1px solid BORDER-MENU-SHADOW; + border-radius: 20px; + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); } -.user-icon.user-avatar { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); } +.switcher-list { border-radius: 24px; } .ws-switcher-indicator { background-color: TEXT-SECONDARY-COLOR; } +.switcher-list .item-box { border-radius: 20px; } .switcher-list .item-box:hover, .switcher-list .item-box:focus, .switcher-list .item-box:selected { @@ -32,7 +24,18 @@ box-shadow: inset 0 0 0 1px BORDER-SHADOW; } -/* Modal dialog buttons */ + +/* Modal dialog */ +.modal-dialog { + border-radius: 20px; + background-color: BACKGROUND-COLOR; + border: none; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; + color: TEXT-PRIMARY-COLOR; +} + +.user-icon.user-avatar { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); } + .modal-dialog-linked-button, .notification-button, .hotplug-notification-item {