From f0b09f39e13e38378f3c32954ea474cf042f63ba Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 27 Sep 2019 11:51:35 +0200 Subject: [PATCH] Fix app reload icon in sidebar not being displayed in FF --- pixelegg/css/mobile.css | 14 ++++++++++++-- pixelegg/css/monochrome.css | 14 ++++++++++++-- pixelegg/css/pixelegg.css | 14 ++++++++++++-- pixelegg/less/layout_raster_sidebar.less | 12 ++++++++++-- pixelegg/mobile/fw_mobile.css | 14 ++++++++++++-- 5 files changed, 58 insertions(+), 10 deletions(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 39928d2f1d..c1a0167472 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -4385,7 +4385,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 0 0; + margin: 0 0 10px 0; padding-top: 0.4em; padding-left: 3em; color: #999999; @@ -4420,8 +4420,14 @@ td.message span.message { padding-top: 0; line-height: 33px; } +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; +} #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { - content: url(../images/reload.png); + display: none !important; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { background-image: url("../images/ajax-loader.gif"); @@ -4660,6 +4666,10 @@ td.message span.message { width: auto !important; border: 0; } +#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { + background-size: 24px; + background-position: 15px 8px; +} #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { width: 50px; height: 35px; diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index 67a32e69ba..82d3565b3a 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -4374,7 +4374,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 0 0; + margin: 0 0 10px 0; padding-top: 0.4em; padding-left: 3em; color: #999999; @@ -4409,8 +4409,14 @@ td.message span.message { padding-top: 0; line-height: 33px; } +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; +} #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { - content: url(../images/reload.png); + display: none !important; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { background-image: url("../images/ajax-loader.gif"); @@ -4649,6 +4655,10 @@ td.message span.message { width: auto !important; border: 0; } +#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { + background-size: 24px; + background-position: 15px 8px; +} #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { width: 50px; height: 35px; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 86cc19a041..bd82272086 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4385,7 +4385,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 0 0; + margin: 0 0 10px 0; padding-top: 0.4em; padding-left: 3em; color: #999999; @@ -4420,8 +4420,14 @@ td.message span.message { padding-top: 0; line-height: 33px; } +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; +} #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { - content: url(../images/reload.png); + display: none !important; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { background-image: url("../images/ajax-loader.gif"); @@ -4660,6 +4666,10 @@ td.message span.message { width: auto !important; border: 0; } +#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { + background-size: 24px; + background-position: 15px 8px; +} #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { width: 50px; height: 35px; diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index ca612cf53c..455a3f6b4c 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -65,7 +65,7 @@ } &:active {.box_shadow_standard_light_inset;} h1 { - margin: 0 0 0 0; + margin: 0 0 10px 0; padding-top: 0.4em; padding-left: 3em; .color_40_gray; @@ -105,8 +105,12 @@ } &:active {} &:hover { + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; img { - content: url(../images/reload.png); + display: none !important; } } &:focus { @@ -411,6 +415,10 @@ border-radius: 0 !important; width: auto !important; border:0; + &:hover { + background-size: 24px; + background-position: 15px 8px; + } } .egw_fw_ui_sidemenu_entry_header { width: 50px; diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index ed172da258..5742a21fe7 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -4396,7 +4396,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 0 0; + margin: 0 0 10px 0; padding-top: 0.4em; padding-left: 3em; color: #999999; @@ -4431,8 +4431,14 @@ td.message span.message { padding-top: 0; line-height: 33px; } +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; +} #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { - content: url(../images/reload.png); + display: none !important; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { background-image: url("../images/ajax-loader.gif"); @@ -4671,6 +4677,10 @@ td.message span.message { width: auto !important; border: 0; } +#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { + background-size: 24px; + background-position: 15px 8px; +} #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { width: 50px; height: 35px;