From cd694a16a7ef601cda9f32488cf6a59d771a2695 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Wed, 12 Jun 2019 12:41:55 +0200 Subject: [PATCH] Style status select options inside the avatar menu --- pixelegg/css/mobile.css | 38 ++++++++++++++++++ pixelegg/css/monochrome.css | 38 ++++++++++++++++++ pixelegg/css/pixelegg.css | 38 ++++++++++++++++++ pixelegg/less/layout_raster_buttons.less | 3 ++ pixelegg/less/layout_raster_header.less | 51 +++++++++++++++++++++++- pixelegg/mobile/fw_mobile.css | 38 ++++++++++++++++++ 6 files changed, 205 insertions(+), 1 deletion(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 4e0f10209e..c0c2a3baec 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -3961,6 +3961,41 @@ td.message span.message { 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 { + width: 50% !important; + margin-left: 10px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { + padding-top: 0px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before { + content: ' '; + width: 12px; + height: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 4px; + vertical-align: text-bottom; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before { + background: #2de0a5; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before { + background: #ffd21f; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before { + background: #f5455c; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before { + background: #cbced1; +} #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { width: 100%; padding: 0px; @@ -4903,6 +4938,9 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat { + position: absolute; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { width: 14px; height: 14px; diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index ebb28311ac..ced68edd7b 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -3950,6 +3950,41 @@ td.message span.message { 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 { + width: 50% !important; + margin-left: 10px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { + padding-top: 0px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before { + content: ' '; + width: 12px; + height: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 4px; + vertical-align: text-bottom; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before { + background: #2de0a5; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before { + background: #ffd21f; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before { + background: #f5455c; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before { + background: #cbced1; +} #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { width: 100%; padding: 0px; @@ -4892,6 +4927,9 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat { + position: absolute; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { width: 14px; height: 14px; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 10e3a9a721..466ed44456 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -3961,6 +3961,41 @@ td.message span.message { 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 { + width: 50% !important; + margin-left: 10px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { + padding-top: 0px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before { + content: ' '; + width: 12px; + height: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 4px; + vertical-align: text-bottom; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before { + background: #2de0a5; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before { + background: #ffd21f; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before { + background: #f5455c; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before { + background: #cbced1; +} #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { width: 100%; padding: 0px; @@ -4903,6 +4938,9 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat { + position: absolute; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { width: 14px; height: 14px; diff --git a/pixelegg/less/layout_raster_buttons.less b/pixelegg/less/layout_raster_buttons.less index caba16a97a..9f72be1767 100644 --- a/pixelegg/less/layout_raster_buttons.less +++ b/pixelegg/less/layout_raster_buttons.less @@ -54,6 +54,9 @@ width: 40px; pointer-events: none; } + span.fw_avatar_stat { + position: absolute; + } span.stat1 { width: 14px; height: 14px; diff --git a/pixelegg/less/layout_raster_header.less b/pixelegg/less/layout_raster_header.less index 749df2a5f4..b9e479efbb 100644 --- a/pixelegg/less/layout_raster_header.less +++ b/pixelegg/less/layout_raster_header.less @@ -103,7 +103,56 @@ height: auto; z-index: 1000; top: 45px; - + #rc_status_select, #rc_status_select_chzn { + width: 50% !important; + margin-left: 10px; + } + #rc_status_select_chzn { + a.chzn-single span {padding-top: 0px;} + li.active-result { + color:#000000; + &:hover { color: #000000} + span { + &:before { + content: ' '; + width: 12px; + height: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 4px; + vertical-align: text-bottom; + } + } + } + [data-option-array-index="0"] { + span { + &:before { + background: #2de0a5; + } + } + } + [data-option-array-index="1"] { + span { + &:before { + background: #ffd21f; + } + } + } + [data-option-array-index="2"] { + span { + &:before { + background: #f5455c; + } + } + } + [data-option-array-index="3"] { + span { + &:before { + background: #cbced1; + } + } + } + } ul { width: 100%; padding: 0px; diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 0098e2624b..3f99fb4b09 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -3972,6 +3972,41 @@ td.message span.message { 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 { + width: 50% !important; + margin-left: 10px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { + padding-top: 0px; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover { + color: #000000; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before { + content: ' '; + width: 12px; + height: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 4px; + vertical-align: text-bottom; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before { + background: #2de0a5; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before { + background: #ffd21f; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before { + background: #f5455c; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before { + background: #cbced1; +} #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { width: 100%; padding: 0px; @@ -4914,6 +4949,9 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat { + position: absolute; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { width: 14px; height: 14px;