holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix sidebar toggle menu in mobile them

Browse Source
This commit is contained in:
Hadi Nategh 2020-05-14 15:07:09 +02:00
parent 934d309856
commit eadb2cced4
2 changed files with 58 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
pixelegg/mobile/fw_mobile.css
View File

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

2
pixelegg/mobile/fw_mobile.less
View File

@ -534,6 +534,7 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
#egw_fw_toggler { #egw_fw_toggler {
z-index: 2;
height: 50px; height: 50px;
span { span {
top: 15px; top: 15px;
@ -542,6 +543,7 @@
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
#egw_fw_toggler { #egw_fw_toggler {
z-index: 2;
height: 50px; height: 50px;
background-color: transparent; background-color: transparent;
span { span {