OSD: add shadows & increase border radius

This commit is contained in:
Vladyslav Hroshev
2023-04-05 22:12:29 +03:00
parent 0dad678dd7
commit 7ea69fc6c7

View File

@@ -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 {