diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 5150a70679..c3f34ae505 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -6938,6 +6938,7 @@ span.egw_tutorial_title { left: 0; right: 0; overflow-y: auto; + -webkit-overflow-scrolling: touch; z-index: 0; padding-top: 0.6em; font-size: 0.9em; @@ -7425,6 +7426,9 @@ span.egw_tutorial_title { /*mobile etemplate2*/ /*mobile etemplate2*/ @media only screen and (min-width: 320px) and (max-width: 1290px) { + html * { + touch-action: auto; + } body { /*Chosen*/ /* View mode styles*/ @@ -7451,10 +7455,30 @@ span.egw_tutorial_title { } body div.dhtmlxMenu_egw_SubLevelArea_Polygon { font-size: medium; - top: 50px !important; + top: 0px !important; right: 0px; left: auto !important; background-color: white; + width: 100%; + } + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl::before { + content: "\2190"; + height: 46px; + padding-left: 8px; + font-size: 24pt; + } + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl { + width: 100%; + } + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { + height: 46px; + } + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item { + width: 100%; + height: 46px !important; + } + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk { + width: 100%; } body div#egw_message { bottom: 0px; @@ -7775,7 +7799,24 @@ span.egw_tutorial_title { background-image: none; } body .et2_nextmatch table.egwGridView_grid tbody tr.selected { - background: rgba(255, 194, 0, 0.5) !important; + background: #696969 !important; + } + body .et2_nextmatch table.egwGridView_grid tbody tr.selected * { + color: white !important; + } + body .et2_nextmatch table.egwGridView_grid tbody tr.selected td:last-child:before { + content: " "; + position: absolute; + background: #ffffff; + top: 0px; + left: 0px; + bottom: 0px; + right: 0; + color: white; + background-image: url(../images/agt_action_success.png); + background-repeat: no-repeat; + background-position: center; + height: auto; } body .et2_nextmatch table.egwGridView_grid tbody tr:hover { background: transparent; @@ -7899,9 +7940,12 @@ span.egw_tutorial_title { width: 46px; height: 46px; background-size: 18px 18px; + touch-action: auto; } body div.et2_toolbar.et2_head_toolbar div.ui-toolbar-menulist { min-width: 200px; + height: 322px !important; + overflow-y: auto !important; } body div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption { width: auto; diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less index 07e77bd4af..8bf4db66c3 100644 --- a/pixelegg/css/mobile.less +++ b/pixelegg/css/mobile.less @@ -454,6 +454,7 @@ left: 0; right: 0; overflow-y: auto; + -webkit-overflow-scrolling:touch; z-index: 0; padding-top: 0.6em; font-size: 0.9em; @@ -965,6 +966,7 @@ @mobile-button-width: 50px; @mobile-nm-search-bg: #0c5da5; @media only screen and (min-width: 320px) and (max-width: 1290px) { + html *{touch-action:auto;} body { #egw_fw_basecontainer.sidebar-toggle { @@ -1004,10 +1006,23 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon { font-size:medium; - top:50px !important; + top:0px !important; right:0px; left:auto !important; background-color: white; + width: 100%; + table.dhtmlxMebu_SubLevelArea_Tbl::before{ + content: "\2190"; + height: 46px; + padding-left: 8px; + font-size: 24pt; + } + table.dhtmlxMebu_SubLevelArea_Tbl{ + width:100%; + tr.sub_item_selected {height:46px;} + tr.sub_item {width:100%;height:46px !important;} + td.sub_item_hk {width:100%;} + } } div#egw_message { bottom: 0px; @@ -1346,12 +1361,24 @@ } } tbody { - tr.focused - { - background-image: none; - } + tr.focused{background-image: none;} tr.selected { - background: rgba(255, 194, 0, 0.5) !important; + background: #696969 !important; + * {color:white !important;} + td:last-child:before { + content: " "; + position: absolute; + background: rgb(255, 255, 255); + top: 0px; + left: 0px; + bottom: 0px; + right: 0; + color: white; + background-image: url(../images/agt_action_success.png); + background-repeat: no-repeat; + background-position: center; + height: auto; + } } tr { &:hover { @@ -1489,10 +1516,13 @@ width:46px; height:46px; background-size: 18px 18px; + touch-action: auto; } div.ui-toolbar-menulist { min-width: 200px; + height: 322px !important; + overflow-y: auto !important; } button.et2_toolbar_hasCaption { width:auto;