From a91c6a9d7bd679d32d1e80d4de28897435b970f8 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 3 Mar 2023 14:29:35 +0100 Subject: [PATCH] Update RC status styling for new ET2Select --- pixelegg/css/pixelegg.css | 23 +++++++++++++++++++++-- pixelegg/less/layout_raster_header.less | 15 ++++++++++++++- 2 files changed, 35 insertions(+), 3 deletions(-) diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index f9d38c6f83..be2cd7c872 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4305,11 +4305,30 @@ span.overlayContainer img.overlay { z-index: 1000; top: 45px; } -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select, -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn { +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select { width: 50% !important; margin-left: 10px; } +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item::part(checked-icon) { + border-radius: 50%; + width: 12px; + height: 12px; + margin-top: 5px; + margin-right: 5px; + visibility: visible; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="online"]::part(checked-icon) { + background: #2de0a5; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="away"]::part(checked-icon) { + background: #ffd21f; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="busy"]::part(checked-icon) { + background: #f5455c; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="offline"]::part(checked-icon) { + background: #cbced1; +} #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { padding-top: 0px; } diff --git a/pixelegg/less/layout_raster_header.less b/pixelegg/less/layout_raster_header.less index 98cea87dd8..3974312082 100644 --- a/pixelegg/less/layout_raster_header.less +++ b/pixelegg/less/layout_raster_header.less @@ -104,9 +104,22 @@ height: auto; z-index: 1000; top: 45px; - #rc_status_select, #rc_status_select_chzn { + #rc_status_select { width: 50% !important; margin-left: 10px; + sl-menu-item::part(checked-icon) { + border-radius: 50%; + width: 12px; + height: 12px; + margin-top: 5px; + margin-right: 5px; + visibility: visible; + } + + sl-menu-item[value="online"]::part(checked-icon) {background: #2de0a5;} + sl-menu-item[value="away"]::part(checked-icon) {background: #ffd21f;} + sl-menu-item[value="busy"]::part(checked-icon) {background: #f5455c;} + sl-menu-item[value="offline"]::part(checked-icon) {background: #cbced1;} } #rc_status_select_chzn { a.chzn-single span {padding-top: 0px;}