Fix sidebar toggle menu in mobile them

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

View File

@ -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 {

View File

@ -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 {