extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-10-05 17:52:03 +02:00
Code Issues 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;
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;

42
pixelegg/css/mobile.less
View File

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