[eGroupWare-svn] r54940 - in /trunk/pixelegg/css: mobile.css mobile.less

[<hn...@us...>]

Author: hnategh
Date: Fri Feb  5 18:09:48 2016
New Revision: 54940

URL: http://svn.stylite.de/viewvc/egroupware?rev=54940&view=rev
Log:
Mobile theme W.I.P.:
- Implementing an indicator for nm row selection
- Make contextmeu fullscreen

Modified:
    trunk/pixelegg/css/mobile.css
    trunk/pixelegg/css/mobile.less

Modified: trunk/pixelegg/css/mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.css?rev=54940&r1=54939&r2=54940&view=diff
==============================================================================
--- trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Fri Feb  5 18:09:48 2016
@@ -6938,6 +6938,7 @@
     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 @@
 /*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 @@
   }
   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 @@
     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 @@
     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;

Modified: trunk/pixelegg/css/mobile.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.less?rev=54940&r1=54939&r2=54940&view=diff
==============================================================================
--- trunk/pixelegg/css/mobile.less (original)
+++ trunk/pixelegg/css/mobile.less Fri Feb  5 18:09:48 2016
@@ -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;