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

Mobile theme W.I.P.:

Browse Source 
- Implementing an indicator for nm row selection
- Make contextmeu fullscreen
This commit is contained in:
Hadi Nategh 2016-02-05 17:09:48 +00:00
parent e3f63c2564
commit 353847ac27
2 changed files with 82 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
pixelegg/css/mobile.css
View File

@ -6938,6 +6938,7 @@ span.egw_tutorial_title {
left: 0; left: 0;
right: 0; right: 0;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 0; z-index: 0;
padding-top: 0.6em; padding-top: 0.6em;
font-size: 0.9em; font-size: 0.9em;
@ -7425,6 +7426,9 @@ span.egw_tutorial_title {
/*mobile etemplate2*/ /*mobile etemplate2*/
/*mobile etemplate2*/ /*mobile etemplate2*/
@media only screen and (min-width: 320px) and (max-width: 1290px) { @media only screen and (min-width: 320px) and (max-width: 1290px) {
html * {
touch-action: auto;
}
body { body {
/*Chosen*/ /*Chosen*/
/* View mode styles*/ /* View mode styles*/
@ -7451,10 +7455,30 @@ span.egw_tutorial_title {
} }
body div.dhtmlxMenu_egw_SubLevelArea_Polygon { body div.dhtmlxMenu_egw_SubLevelArea_Polygon {
font-size: medium; font-size: medium;
top: 50px !important; top: 0px !important;
right: 0px; right: 0px;
left: auto !important; left: auto !important;
background-color: white; 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 { body div#egw_message {
bottom: 0px; bottom: 0px;
@ -7775,7 +7799,24 @@ span.egw_tutorial_title {
background-image: none; background-image: none;
} }
body .et2_nextmatch table.egwGridView_grid tbody tr.selected { 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 { body .et2_nextmatch table.egwGridView_grid tbody tr:hover {
background: transparent; background: transparent;
@ -7899,9 +7940,12 @@ span.egw_tutorial_title {
width: 46px; width: 46px;
height: 46px; height: 46px;
background-size: 18px 18px; background-size: 18px 18px;
touch-action: auto;
} }
body div.et2_toolbar.et2_head_toolbar div.ui-toolbar-menulist { body div.et2_toolbar.et2_head_toolbar div.ui-toolbar-menulist {
min-width: 200px; min-width: 200px;
height: 322px !important;
overflow-y: auto !important;
} }
body div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption { body div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption {
width: auto; width: auto;

42
pixelegg/css/mobile.less
View File

@ -454,6 +454,7 @@
left: 0; left: 0;
right: 0; right: 0;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling:touch;
z-index: 0; z-index: 0;
padding-top: 0.6em; padding-top: 0.6em;
font-size: 0.9em; font-size: 0.9em;
@ -965,6 +966,7 @@
@mobile-button-width: 50px; @mobile-button-width: 50px;
@mobile-nm-search-bg: #0c5da5; @mobile-nm-search-bg: #0c5da5;
@media only screen and (min-width: 320px) and (max-width: 1290px) { @media only screen and (min-width: 320px) and (max-width: 1290px) {
html *{touch-action:auto;}
body body
{ {
#egw_fw_basecontainer.sidebar-toggle { #egw_fw_basecontainer.sidebar-toggle {
@ -1004,10 +1006,23 @@
div.dhtmlxMenu_egw_SubLevelArea_Polygon div.dhtmlxMenu_egw_SubLevelArea_Polygon
{ {
font-size:medium; font-size:medium;
top:50px !important; top:0px !important;
right:0px; right:0px;
left:auto !important; left:auto !important;
background-color: white; 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 { div#egw_message {
bottom: 0px; bottom: 0px;
@ -1346,12 +1361,24 @@
} }
} }
tbody { tbody {
tr.focused tr.focused{background-image: none;}
{
background-image: none;
}
tr.selected { 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 { tr {
&:hover { &:hover {
@ -1489,10 +1516,13 @@
width:46px; width:46px;
height:46px; height:46px;
background-size: 18px 18px; background-size: 18px 18px;
touch-action: auto;
} }
div.ui-toolbar-menulist div.ui-toolbar-menulist
{ {
min-width: 200px; min-width: 200px;
height: 322px !important;
overflow-y: auto !important;
} }
button.et2_toolbar_hasCaption { button.et2_toolbar_hasCaption {
width:auto; width:auto;