mobile.less

hnategh-2 2016-02-15 19:10:15 UTC #1

Author: hnategh
New Revision: 55013

URL: http://svn.stylite.de/viewvc/egroupware?rev=55013&view=rev
Log:
Mobile theme W.I.P.:
-Fix nm header for new searchbox widget

Modified:
trunk/etemplate/js/et2_extension_nextmatch.js
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/mobile.less

Modified: trunk/etemplate/js/et2_extension_nextmatch.js
URL: http://svn.stylite.de/viewvc/egroupware/trunk/etemplate/js/et2_extension_nextmatch.js?rev=55013&r1=55012&r2=55013&view=diff

— trunk/etemplate/js/et2_extension_nextmatch.js (original)
+++ trunk/etemplate/js/et2_extension_nextmatch.js Mon Feb 15 20:10:14 2016
@@ -2301,6 +2301,7 @@
*/
if (egwIsMobile())
{

  	this.search_box.addClass('nm-mob-header');
  	jQuery(this.div).css({display:'inline-block'}).addClass('nm_header_hide');

  	//indicates appname in header

@@ -2331,14 +2332,7 @@
jQuery(‘tr.selected’,self.nextmatch.div).trigger({type:‘contextmenu’,which:3,originalEvent:e});
})
.prependTo(this.search_box);

  	this.search_button = et2_createWidget("button", {id: "search_button"}, this);

  	this.search.input.on ('focus blur', function (e){

  		self.search_box.toggleClass('searchOn');

```
  	});
```
```
  }
```

  }

  // Add category
  if(!settings.no_cat) {

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

— trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Mon Feb 15 20:10:14 2016
@@ -7725,7 +7725,7 @@
font-weight: bold;
font-size: 18pt;
}

body .et2_nextmatch .search {

body .et2_nextmatch .nm-mob-header {
background: #0c5da5;
margin-top: 0;
padding-left: 60px;
@@ -7733,7 +7733,7 @@
position: relative;
z-index: 1;
}

body .et2_nextmatch .search button {

body .et2_nextmatch .nm-mob-header button {
height: 50px;
width: 50px;
background-repeat: no-repeat;
@@ -7746,7 +7746,11 @@
box-shadow: none;
outline: none;
}

body .et2_nextmatch .search button.nm_toggle_header {

body .et2_nextmatch .nm-mob-header div.et2_searchbox {
display: inline-block;
width: 50px;
}
body .et2_nextmatch .nm-mob-header button.nm_toggle_header {
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
@@ -7758,14 +7762,14 @@
display: block;
float: right;
}

body .et2_nextmatch .search button.nm_toggle_header:focus {

body .et2_nextmatch .nm-mob-header button.nm_toggle_header:focus {
outline: none;
}

body .et2_nextmatch .search button.nm_toggle_header:after {

body .et2_nextmatch .nm-mob-header button.nm_toggle_header:after {
font-size: 18pt;
content: “\2261”;
}

body .et2_nextmatch .search button.nm_action_header {

body .et2_nextmatch .nm-mob-header button.nm_action_header {
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
@@ -7777,15 +7781,15 @@
display: block;
float: right;
}

body .et2_nextmatch .search button.nm_action_header:focus {

body .et2_nextmatch .nm-mob-header button.nm_action_header:focus {
outline: none;
}

body .et2_nextmatch .search button.nm_action_header:after {

body .et2_nextmatch .nm-mob-header button.nm_action_header:after {
font-size: 18pt;
content: “\205D”;
font-weight: bold;
}

body .et2_nextmatch .search div.nm_favorites_div {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div {
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
@@ -7797,51 +7801,51 @@
display: block;
float: right;
}

body .et2_nextmatch .search div.nm_favorites_div:focus {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div:focus {
outline: none;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] {
position: relative !important;
top: 0 !important;
outline: none;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] .et2_dropdown button:first-child {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] .et2_dropdown button:first-child {
display: none;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] .et2_dropdown button:nth-child(2) div:first-child {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] .et2_dropdown button:nth-child(2) div:first-child {
display: none;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] .et2_dropdown button:nth-child(2):after {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] .et2_dropdown button:nth-child(2):after {
font-size: 17pt;
content: “\2606”;
font-weight: bold;
vertical-align: super;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] ul.favorites {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] ul.favorites {
width: 160px;
box-shadow: 0px 4px 5px 2px silver;
border: 1px solid silver;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-bottom: 1px solid silver;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item a {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item a {
width: 100%;
line-height: 30px;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item a input {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item a input {
display: none;
}

body .et2_nextmatch .search div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item a div.ui-icon-trash {

body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name=“favorite”] ul.favorites li.ui-menu-item a div.ui-icon-trash {
display: block;
}

body .et2_nextmatch .search button.nm_toggle_header_on:after {

body .et2_nextmatch .nm-mob-header button.nm_toggle_header_on:after {
content: “\2613”;
}

body .et2_nextmatch .search input[type=“search”] {

body .et2_nextmatch .nm-mob-header input[type=“search”] {
width: 50px;
height: 50px;
font-size: large;
@@ -7852,11 +7856,11 @@
color: black;
position: absolute;
}

body .et2_nextmatch .search input[type=“search”]:active {

body .et2_nextmatch .nm-mob-header input[type=“search”]:active {
border: none;
background: #0c5da5;
}

body .et2_nextmatch .search input[type=“search”]:focus {

body .et2_nextmatch .nm-mob-header input[type=“search”]:focus {
border: none;
background: white;
outline: none;
@@ -7867,7 +7871,7 @@
height: 50px;
z-index: 2;
}

body .et2_nextmatch .search div.nm_appname_header {

body .et2_nextmatch .nm-mob-header div.nm_appname_header {
width: 100%;
position: absolute;
top: 0;

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

— trunk/pixelegg/css/mobile.less (original)
+++ trunk/pixelegg/css/mobile.less Mon Feb 15 20:10:14 2016
@@ -1251,7 +1251,7 @@
}
}
}

```
  	.search {
```

  	.nm-mob-header {
  		background: @mobile-nm-search-bg;
  		margin-top: 0;
  		padding-left: 60px;

@@ -1271,7 +1271,10 @@
box-shadow: none;
outline: none;
}

```
  		div.et2_searchbox {
```
```
  			display: inline-block;
```
```
  			width:50px;
```

  		}
  		button.nm_toggle_header {
  			background-position: center;
  			background-repeat: no-repeat;

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