css: mobile.css mobile.less

hnategh-2 2016-02-05 17:09:48 UTC #1

Author: hnategh
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;

Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140

eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs