R54727 - in /trunk/pixelegg: css/ images/topmenu_items/mobile/ inc/

hnategh-2 2016-01-14 15:43:52 UTC #1

Author: hnategh
New Revision: 54727

URL: http://svn.stylite.de/viewvc/egroupware?rev=54727&view=rev
Log:
Mobile theme WIP:

Fix nm header styling and add new white icon for toggle menu
Implement custom theme color for nm header and plus_button

Added:
trunk/pixelegg/images/topmenu_items/mobile/menu_white.png (with props)
Modified:
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/mobile.less
trunk/pixelegg/inc/class.pixelegg_framework.inc.php

Modified: trunk/pixelegg/css/mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.css?rev=54727&r1=54726&r2=54727&view=diff

— trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Thu Jan 14 16:43:52 2016
@@ -6742,13 +6742,11 @@
#egw_fw_basecontainer div#egw_fw_menu {
background-image: url(…/images/topmenu_items/mobile/menu_active.png);
cursor: pointer;

-webkit-transform: rotate(360deg);
transform: rotate(360deg);
position: fixed;
left: 13px;
top: 13px;
width: 32px;
height: 32px;

width: 65px;
height: 50px;
background-size: 32px 32px;
background-repeat: no-repeat;
z-index: 999;
@@ -6757,6 +6755,9 @@
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#egw_fw_basecontainer div#egw_fw_menu:focus {
outline: none;
}
#egw_fw_basecontainer div#egw_fw_menu:active {
-webkit-box-shadow: none;
@@ -7257,11 +7258,6 @@
/*filter: url(grayscale.svg); Firefox 4+ /
filter: gray;
/ IE 6-9 */

}
.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu {
background-image: url(…/images/topmenu_items/mobile/menu.png);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu {
width: 82px !important;
@@ -7486,6 +7482,16 @@
/mobile etemplate2/
/mobile etemplate2/
@media only screen and (min-width: 320px) and (max-width: 1279px) {

body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu {
background-image: url(…/images/topmenu_items/mobile/menu_white.png);
width: 65px;
height: 50px;
background-color: transparent;
top: -3px;
background-position: 15px center;
background-size: 32px 32px;
left: 0;
}
body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_menu {
top: 8px;
}
@@ -7601,7 +7607,10 @@
body .et2_nextmatch .search {
background: #0c5da5;
margin-top: 0;

margin-left: 60px;

padding-left: 60px;
box-shadow: 0px 4px 5px 2px silver;
position: relative;
z-index: 1;
}
body .et2_nextmatch .search button {
height: 50px;
@@ -7769,6 +7778,7 @@
}
body .et2_nextmatch .egwGridView_outer thead {
max-height: 1px;
display: none;
}
body .et2_nextmatch .egwGridView_outer thead tr th {
font-size: large;

Modified: trunk/pixelegg/css/mobile.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.less?rev=54727&r1=54726&r2=54727&view=diff

— trunk/pixelegg/css/mobile.less (original)
+++ trunk/pixelegg/css/mobile.less Thu Jan 14 16:43:52 2016
@@ -204,13 +204,11 @@
div#egw_fw_menu{
background-image: url(…/images/topmenu_items/mobile/menu_active.png);
cursor: pointer;

```
  	-webkit-transform:rotate(360deg);
```

  	transform:rotate(360deg);
  	position: fixed;
  	left: 13px;
  	top: 13px;

```
  	width: 32px;
```
```
  	height: 32px;
```

```
  	width: 65px;
```

  	height: 50px;
  	background-size: 32px 32px;
  	background-repeat: no-repeat;
  	z-index: 999;

@@ -218,6 +216,9 @@
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

```
  	}
```
```
  	&:focus {
```

  		outline: none;
  	}
  }
  div#egw_fw_menu:active {

@@ -721,9 +722,7 @@

.sidebar-toggle{
	#egw_fw_top_toolbar div#egw_fw_menu{

  	background-image: url(../images/topmenu_items/mobile/menu.png);

```
  	-webkit-transform:rotate(0deg);
```
```
  	transform:rotate(0deg);
```

  }
  #egw_fw_sidebar{
  	#egw_fw_sidemenu{

@@ -1018,6 +1017,20 @@
@media only screen and (min-width: 320px) and (max-width: 1279px) {
body
{

  #egw_fw_basecontainer.sidebar-toggle {

```
  	#egw_fw_top_toolbar {
```
```
  		div#egw_fw_menu {
```

  			background-image: url(../images/topmenu_items/mobile/menu_white.png);

```
  			width: 65px;
```
```
  			height: 50px;
```
```
  			background-color: transparent;
```
```
  			top: -3px;
```
```
  			background-position: 15px center;
```
```
  			background-size: 32px 32px;
```
```
  			left: 0;
```
```
  		}
```
```
  	}
```

  }
  #egw_fw_basecontainer {
  	#egw_fw_top_toolbar {
  		div#egw_fw_menu {

@@ -1156,7 +1169,10 @@
.search {
background: @mobile-nm-search-bg;
margin-top: 0;

```
  		margin-left: 60px;
```

```
  		padding-left: 60px;
```

  		box-shadow: 0px 4px 5px 2px silver;

```
  		position: relative;
```

  		z-index: 1;
  		button {
  			height: @mobile-elem-height;
  			width: @mobile-button-width;

@@ -1334,6 +1350,7 @@
.egwGridView_outer {
thead{
max-height: 1px;

  			display: none;
  		}
  		thead tr th {
  			font-size: large;

Added: trunk/pixelegg/images/topmenu_items/mobile/menu_white.png
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/images/topmenu_items/mobile/menu_white.png?rev=54727&view=auto

Binary file - no diff available.

Propchange: trunk/pixelegg/images/topmenu_items/mobile/menu_white.png

svn:mime-type = application/octet-stream

Modified: trunk/pixelegg/inc/class.pixelegg_framework.inc.php
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/inc/class.pixelegg_framework.inc.php?rev=54727&r1=54726&r2=54727&view=diff

— trunk/pixelegg/inc/class.pixelegg_framework.inc.php (original)
+++ trunk/pixelegg/inc/class.pixelegg_framework.inc.php Thu Jan 14 16:43:52 2016
@@ -152,6 +152,16 @@
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_category_active{
background-color: $color_hex_darker !important;
}
+
+/nextmatch header and plus_button in mobile theme/
+body div.et2_nextmatch .search,
+body div.et2_nextmatch .search button,
+body button.plus_button,
+body div.et2_nextmatch .search .nm_action_header,
+body div.et2_nextmatch .search .nm_toggle_header,
+body div.et2_nextmatch .search .nm_favorites_button {

background-color: $color;
+}
";
}
return $ret;

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=267308311&iu=/4140

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