diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index b4740a6156..e1f1b00ea1 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -136,13 +136,13 @@ margin-left: -10px; } a.et2_url.email { - background-image: url(../images/email.png); + background-image: url(../images/email.svg); } a.et2_url.phone { background-image: url(../images/phone.svg); } a.et2_url.url { - background-image: url(../images/url.png); + background-image: url(../images/url.svg); } /** * Button widget - text only, and icon @@ -361,7 +361,7 @@ left: 0px; } .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; + background: #ffffff url(../images/arrow_down.svg) no-repeat center right; } .et2_link_to .et2_file span { background-position: center; @@ -372,7 +372,7 @@ border-radius: 3px; } .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; + background: #ffffff url(../images/arrow_down.svg) no-repeat center right; background-size: contain; } .et2_link { @@ -857,13 +857,13 @@ } .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../images/selectarrowup.png); - background-size: 16px 16px; + background-image: url(../images/arrow_up.svg); + background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../images/selectarrowdown.png); - background-size: 16px 16px; + background-image: url(../images/arrow_down.svg); + background-size: 8px 8px; } /** * Grid / nextmatch Hierarchy @@ -1162,6 +1162,19 @@ option:checked { color: #999999; text-decoration: none; } +.ui-state-default .ui-icon.ui-icon-triangle-1-s { + background: url("../images/arrow_down.svg"); + background-size: 8px auto; + background-position: center; + background-repeat: no-repeat; +} +.ui-widget-header .ui-icon.ui-icon-check { + background-image: url("../images/check.svg"); + background-size: 12px auto; + background-position: center; + background-repeat: no-repeat; + filter: brightness(2.5); +} .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-widget-content .ui-state-focus { @@ -1371,6 +1384,7 @@ span.ui-icon-search { background: #CDCDCD; } .ui-dialog { + z-index: 1000; box-shadow: -2px 1px 9px 3px #B4B4B4; } .ui-dialog .ui-dialog-buttonpane { @@ -1820,7 +1834,6 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { background: white; opacity: 0.94; margin-left: 20px; - border-radius: 5px; margin-right: 20px; padding: 20px; margin-top: 20px; @@ -1899,7 +1912,6 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { width: 280px; } #loginMainDiv div#centerBox form { - border-radius: 5px; opacity: 0.94; background-color: white; padding: 1em; @@ -2593,6 +2605,18 @@ button[id="add"] { } /* @end */ /* @group Single Chosen */ +.chzn-container-single .chzn-single div b { + background: url("../images/arrow_down.svg"); + background-size: 8px auto; + background-position: center; + background-repeat: no-repeat; +} +.chzn-container-single.chzn-with-drop .chzn-single div b { + background: url("../images/arrow_up.svg"); + background-size: 8px auto; + background-position: center; + background-repeat: no-repeat; +} /* @end */ /* @group Results */ .chzn-container .chzn-results { @@ -2813,8 +2837,14 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; - background-size: 16px auto; + background: #ffffff url(../images/arrow_down.svg) no-repeat center right; + background-size: 8px auto; + background-position-x: calc(100% - 8px); +} +select:active { + background: #ffffff url(../images/arrow_up.svg) no-repeat center right; + background-size: 8px auto; + background-position-x: calc(100% - 8px); } /*IE has no appearance but we can remove arrows by ms-expand*/ select::-ms-expand { @@ -3758,7 +3788,7 @@ td.lettersearch { } /*popup Messsage*/ div#egwpopup_message { - background-color: .color_gray_0; + background-color: #FFFFFF; padding: 1em; overflow-y: auto; } @@ -4148,7 +4178,7 @@ td.message span.message { padding: 5px 0px 5px 0px; } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select { - width: calc(80%); + width: calc(100% - 20px); margin-left: 10px; } /* ################################################### @@ -4510,9 +4540,10 @@ td.message span.message { padding: 0px 0px 0px 24px; line-height: 1em; font-size: 12px; - background-image: url(../images/arrow_right.png); + background-image: url(../images/arrow_right.svg); background-repeat: no-repeat; background-position: left center; + background-size: 12px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { display: block; @@ -4527,9 +4558,10 @@ td.message span.message { color: #f2f2f2; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - background-image: url(../images/arrow_down_white.png); + background-image: url(../images/arrow_down.svg); line-height: 1em; font-size: 12px; + background-size: 12px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { color: #FFF; @@ -5773,6 +5805,8 @@ table.egwGridView_grid tr.drop-hover { table.egwGridView_grid span.arrow { -moz-user-select: none; background-repeat: no-repeat; + background-size: 12px; + background-position: center; display: inline-block; height: 8px; margin-right: 2px; @@ -5780,13 +5814,11 @@ table.egwGridView_grid span.arrow { width: 8px; } table.egwGridView_grid span.arrow.opened { - background-image: url("../images/egw_action/arrows.png"); - background-position: -8px 0; + background-image: url("../images/arrow_down.svg"); cursor: pointer; } table.egwGridView_grid span.arrow.closed { - background-image: url("../images/egw_action/arrows.png"); - background-position: 0 0; + background-image: url("../images/arrow_right.svg"); cursor: pointer; } table.egwGridView_grid span.arrow.loading { @@ -7753,12 +7785,14 @@ form[id^="ranking-"] .dialogHeadbar { margin-bottom: 5px; } body #egw_fw_basecontainer #egw_fw_toggler { + z-index: 2; height: 50px; } body #egw_fw_basecontainer #egw_fw_toggler span { top: 15px; } body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler { + z-index: 2; height: 50px; background-color: transparent; } @@ -7962,8 +7996,8 @@ form[id^="ranking-"] .dialogHeadbar { } body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div b, body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div b { - background: white url(../images/selectarrowdown.png) no-repeat center !important; - background-size: 32px !important; + background: white url(../images/arrow_down.svg) no-repeat center !important; + background-size: 16px !important; } body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop, body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop { diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index 04db22a494..a74ce514a2 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -534,6 +534,7 @@ margin-bottom: 5px; } #egw_fw_toggler { + z-index: 2; height: 50px; span { top: 15px; @@ -542,6 +543,7 @@ } #egw_fw_basecontainer.egw_fw_sidebar_toggleOn { #egw_fw_toggler { + z-index: 2; height: 50px; background-color: transparent; span {