diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 962462a264..074427dd1c 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -4889,6 +4889,9 @@ td.message span.message { #egw_fw_topmenu_info_items .topmenu_info_item:hover { background-color: rgba(153, 204, 255, 0.4); } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar { + position: relative; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { height: 40px; width: 40px; @@ -4902,6 +4905,35 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { + width: 14px; + height: 14px; + position: absolute; + left: 0px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online { + background-color: #2de0a5; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline { + background-color: #cbced1; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away { + background-color: #ffd21f; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy { + background-color: #f5455c; +} #egw_fw_topmenu_info_items #topmenu_info_logout { background-image: url(../images/logout.svg); } diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index 11e6bedb59..9435d34f68 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -4878,6 +4878,9 @@ td.message span.message { #egw_fw_topmenu_info_items .topmenu_info_item:hover { background-color: rgba(153, 204, 255, 0.4); } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar { + position: relative; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { height: 40px; width: 40px; @@ -4891,6 +4894,35 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { + width: 14px; + height: 14px; + position: absolute; + left: 0px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online { + background-color: #2de0a5; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline { + background-color: #cbced1; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away { + background-color: #ffd21f; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy { + background-color: #f5455c; +} #egw_fw_topmenu_info_items #topmenu_info_logout { background-image: url(../images/logout.svg); } diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index c032edd61b..73c63beeed 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4889,6 +4889,9 @@ td.message span.message { #egw_fw_topmenu_info_items .topmenu_info_item:hover { background-color: rgba(153, 204, 255, 0.4); } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar { + position: relative; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { height: 40px; width: 40px; @@ -4902,6 +4905,35 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { + width: 14px; + height: 14px; + position: absolute; + left: 0px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online { + background-color: #2de0a5; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline { + background-color: #cbced1; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away { + background-color: #ffd21f; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy { + background-color: #f5455c; +} #egw_fw_topmenu_info_items #topmenu_info_logout { background-image: url(../images/logout.svg); } diff --git a/pixelegg/less/layout_raster_buttons.less b/pixelegg/less/layout_raster_buttons.less index c3505dbbf1..2a4b87897c 100644 --- a/pixelegg/less/layout_raster_buttons.less +++ b/pixelegg/less/layout_raster_buttons.less @@ -42,6 +42,7 @@ } } #topmenu_info_user_avatar { + position: relative; span { height: 40px; width: 40px; @@ -54,6 +55,35 @@ width: 40px; pointer-events: none; } + span.stat1 { + width: 14px; + height: 14px; + position: absolute; + left: 0px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; + } + span.online { + background-color: #2de0a5; + } + span.offline { + background-color: #cbced1; + } + span.away { + background-color: #ffd21f; + } + span.busy { + background-color: #f5455c; + } } } diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 5f87438f58..5c4622b459 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -4900,6 +4900,9 @@ td.message span.message { #egw_fw_topmenu_info_items .topmenu_info_item:hover { background-color: rgba(153, 204, 255, 0.4); } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar { + position: relative; +} #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { height: 40px; width: 40px; @@ -4913,6 +4916,35 @@ td.message span.message { width: 40px; pointer-events: none; } +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { + width: 14px; + height: 14px; + position: absolute; + left: 0px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online { + background-color: #2de0a5; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline { + background-color: #cbced1; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away { + background-color: #ffd21f; +} +#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy { + background-color: #f5455c; +} #egw_fw_topmenu_info_items #topmenu_info_logout { background-image: url(../images/logout.svg); }