diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 39899ab54c..3a60261045 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -4227,6 +4227,7 @@ td.message span.message { padding-top: 0px; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { + padding-top: 3px; display: inline-block; width: 16px; height: 16px; @@ -4505,7 +4506,7 @@ td.message span.message { position: relative; display: block; width: 35px; - height: 5px; + height: 3px; backface-visibility: hidden; border-radius: 2px; top: 11px; @@ -4528,8 +4529,8 @@ td.message span.message { left: 0px; top: 3px; width: 35px; - height: 4px; - background-color: #606060; + height: 3px; + background-color: #b4b4b4; backface-visibility: hidden; border-radius: 2px; } @@ -4542,6 +4543,12 @@ td.message span.message { -ms-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px); + background-color: #b4b4b4; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:before { + background-color: #606060; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:after { background-color: #606060; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn { @@ -4561,7 +4568,7 @@ td.message span.message { -moz-transform: none; -webkit-transform: none; width: 35px; - height: 5px; + height: 3px; background-color: #b4b4b4; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index cd52819700..292e3b3b0a 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -4216,6 +4216,7 @@ td.message span.message { padding-top: 0px; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { + padding-top: 3px; display: inline-block; width: 16px; height: 16px; @@ -4494,7 +4495,7 @@ td.message span.message { position: relative; display: block; width: 35px; - height: 5px; + height: 3px; backface-visibility: hidden; border-radius: 2px; top: 11px; @@ -4517,8 +4518,8 @@ td.message span.message { left: 0px; top: 3px; width: 35px; - height: 4px; - background-color: #606060; + height: 3px; + background-color: #b4b4b4; backface-visibility: hidden; border-radius: 2px; } @@ -4531,6 +4532,12 @@ td.message span.message { -ms-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px); + background-color: #b4b4b4; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:before { + background-color: #606060; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:after { background-color: #606060; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn { @@ -4550,7 +4557,7 @@ td.message span.message { -moz-transform: none; -webkit-transform: none; width: 35px; - height: 5px; + height: 3px; background-color: #b4b4b4; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 844677e1e9..a0f55959c2 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4227,6 +4227,7 @@ td.message span.message { padding-top: 0px; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { + padding-top: 3px; display: inline-block; width: 16px; height: 16px; @@ -4505,7 +4506,7 @@ td.message span.message { position: relative; display: block; width: 35px; - height: 5px; + height: 3px; backface-visibility: hidden; border-radius: 2px; top: 11px; @@ -4528,8 +4529,8 @@ td.message span.message { left: 0px; top: 3px; width: 35px; - height: 4px; - background-color: #606060; + height: 3px; + background-color: #b4b4b4; backface-visibility: hidden; border-radius: 2px; } @@ -4542,6 +4543,12 @@ td.message span.message { -ms-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px); + background-color: #b4b4b4; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:before { + background-color: #606060; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:after { background-color: #606060; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn { @@ -4561,7 +4568,7 @@ td.message span.message { -moz-transform: none; -webkit-transform: none; width: 35px; - height: 5px; + height: 3px; background-color: #b4b4b4; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { diff --git a/pixelegg/less/layout_raster_main.less b/pixelegg/less/layout_raster_main.less index 956661a584..5d2971c04e 100644 --- a/pixelegg/less/layout_raster_main.less +++ b/pixelegg/less/layout_raster_main.less @@ -133,6 +133,7 @@ } // aktive Bilder img.egw_fw_ui_tab_icon { + padding-top: 3px; display: inline-block; .dimension_width_height_s; } diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index a6d2f281c4..94e466f901 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -325,8 +325,8 @@ left: 0px; top: 3px; width: 35px; - height: 4px; - background-color: #606060; + height: 3px; + background-color: #b4b4b4; backface-visibility: hidden; border-radius: 2px; } @@ -339,18 +339,29 @@ -ms-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px); - background-color: #606060; + background-color: #b4b4b4; } + background-color: transparent; position: relative; display: block; width: 35px; - height: 5px; + height: 3px; backface-visibility: hidden; border-radius: 2px; top: 11px; left: 10px; } + &:hover { + span { + &:before { + background-color: #606060; + } + &:after { + background-color: #606060; + } + } + } } } @@ -369,7 +380,7 @@ -moz-transform: none; -webkit-transform: none; width:35px; - height:5px; + height:3px; background-color: #b4b4b4; } &:before { diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index a54a207e01..0fe67413ef 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -4238,6 +4238,7 @@ td.message span.message { padding-top: 0px; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { + padding-top: 3px; display: inline-block; width: 16px; height: 16px; @@ -4516,7 +4517,7 @@ td.message span.message { position: relative; display: block; width: 35px; - height: 5px; + height: 3px; backface-visibility: hidden; border-radius: 2px; top: 11px; @@ -4539,8 +4540,8 @@ td.message span.message { left: 0px; top: 3px; width: 35px; - height: 4px; - background-color: #606060; + height: 3px; + background-color: #b4b4b4; backface-visibility: hidden; border-radius: 2px; } @@ -4553,6 +4554,12 @@ td.message span.message { -ms-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px); + background-color: #b4b4b4; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:before { + background-color: #606060; +} +#egw_fw_basecontainer #egw_fw_toggler:hover span:after { background-color: #606060; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn { @@ -4572,7 +4579,7 @@ td.message span.message { -moz-transform: none; -webkit-transform: none; width: 35px; - height: 5px; + height: 3px; background-color: #b4b4b4; } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before {