app.less

hnategh-2 2016-02-26 11:48:06 UTC #1

Author: hnategh
New Revision: 55164

URL: http://svn.stylite.de/viewvc/egroupware?rev=55164&view=rev
Log:
Mobile theme W.I.P.:

Migrate mobile specific app.css for filemanager

Added:
trunk/filemanager/templates/mobile/app.css
trunk/filemanager/templates/mobile/app.less
Modified:
trunk/filemanager/templates/pixelegg/app.css
trunk/filemanager/templates/pixelegg/app.less

Added: trunk/filemanager/templates/mobile/app.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/filemanager/templates/mobile/app.css?rev=55164&view=auto

— trunk/filemanager/templates/mobile/app.css (added)
+++ trunk/filemanager/templates/mobile/app.css Fri Feb 26 12:48:06 2016
@@ -1,0 +1,77 @@
+/**

- Filemanager - Mobile
- Please do NOT change app.css directly, instead change app.less and compile it!
- Pixleegg Template app.css
- @link http://www.egroupware.org
- @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
- @author Hadi Nategh hn@stylite.de
- @package Filemanager
- @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
/
+/ tablets and smartphones */
+@media all {
#filemanager-index_nm table.egwGridView_outer tbody span[id^=‘filemanager-index’][id$=‘size]’] {
font-size: 9pt;
text-align: right;
}
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘name]’] {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘name]’] span {
white-space: nowrap;
}
#filemanager-index_nm #filemanager-index_buttons {
position: relative;
display: inline-block;
overflow: auto;
width: 100%;
}
#filemanager-index_nm #filemanager-index_buttons img {
width: 32px;
height: 32px;
padding-left: 15px;
}
#filemanager-index_nm #filemanager-index_tarp {
display: none !important;
}
#filemanager-index_nm #filemanager-index_filemanager-index-header_left {
height: auto;
}
.et2_file.plus_button {
position: absolute !important;
right: 15px;
bottom: 15px;
border-radius: 50%;
width: 60px;
height: 60px;
background-position: center;
z-index: 100;
background-color: #0c5da5;
box-shadow: 0px 1px 5px 3px silver;
background-image: url(…/…/…/pixelegg/images/topmenu_items/mobile/plus_white.svg) !important;
background-repeat: no-repeat;
background-size: 24px 24px;
margin: 0;
padding: 0;
border: none;
}
.et2_file.plus_button .et2_file_span {
display: none;
}
.et2_file.plus_button .et2_file_upload {
width: 60px;
height: 60px;
top: 0;
}
.previewImage img {
max-width: 100%;
}
div#filemanager-file_tabs td.eaclAccount,
td.eaclRights {
display: block;
}
+}

Added: trunk/filemanager/templates/mobile/app.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/filemanager/templates/mobile/app.less?rev=55164&view=auto

— trunk/filemanager/templates/mobile/app.less (added)
+++ trunk/filemanager/templates/mobile/app.less Fri Feb 26 12:48:06 2016
@@ -1,0 +1,75 @@
+/**

- Filemanager - Mobile
- Please do NOT change app.css directly, instead change app.less and compile it!
- Pixleegg Template app.css
- @link http://www.egroupware.org
- @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
- @author Hadi Nategh hn@stylite.de
- @package Filemanager
- @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/

+@import (reference) “…/…/…/pixelegg/less/def_buttons.less”;
+@import (reference) “…/…/…/pixelegg/less/def_mobile.less”;
+/* tablets and smartphones */
+@media all {

#filemanager-index_nm {
```
  table.egwGridView_outer tbody {
```

  	span[id^='filemanager-index'][id$='size]']{

```
  		.mob-fontsize-s;
```
```
  		text-align: right;
```
```
  	}
```

  	label[id^='filemanager-index'][id$='name]'] {

```
  		overflow: hidden;
```
```
  		text-overflow: ellipsis;
```
```
  		max-width: 100%;
```
```
  		span{
```
```
  			white-space: nowrap;
```
```
  		}
```
```
  	}
```
```
  }
```
```
  #filemanager-index_buttons {
```
```
  	position: relative;
```
```
  	display: inline-block;
```
```
  	overflow:auto;
```
```
  	width:100%;
```
```
  	img{
```
```
  		width: 32px;
```
```
  		height: 32px;
```
```
  		padding-left: 15px;
```
```
  	}
```
```
  }
```

  #filemanager-index_tarp {display: none !important;}

  #filemanager-index_filemanager-index-header_left {height:auto;}

}
.et2_file.plus_button {
```
  position: absolute !important;
```
```
  right: 15px;
```
```
  bottom: 15px;
```
```
  border-radius: 50%;
```
```
  width: 60px;
```
```
  height: 60px;
```
```
  background-position: center;
```
```
  z-index: 100;
```
```
  background-color: #0c5da5;
```
```
  box-shadow: 0px 1px 5px 3px silver;
```

  background-image: url(../../../pixelegg/images/topmenu_items/mobile/plus_white.svg) !important;

```
  background-repeat: no-repeat;
```
```
  background-size: 24px 24px;
```
```
  border: none;
```
```
  margin: 0;
```
```
  padding: 0;
```
```
  border: none;
```
```
  .et2_file_span{display: none;}
```
```
  .et2_file_upload {
```
```
  	width: 60px;
```
```
  	height: 60px;
```
```
  	top: 0;
```
```
  }
```
}
.previewImage img {max-width: 100%;}
div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
+}

Modified: trunk/filemanager/templates/pixelegg/app.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/filemanager/templates/pixelegg/app.css?rev=55164&r1=55163&r2=55164&view=diff

— trunk/filemanager/templates/pixelegg/app.css (original)
+++ trunk/filemanager/templates/pixelegg/app.css Fri Feb 26 12:48:06 2016
@@ -391,66 +391,3 @@
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
-/* tablets and smartphones */
-@media only screen and (max-device-width: 1024px) {

#filemanager-index_nm table.egwGridView_outer tbody span[id^=‘filemanager-index’][id$=‘size]’] {
font-size: 9pt;
text-align: right;
}
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘name]’] {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘name]’] span {
white-space: nowrap;
}
#filemanager-index_nm #filemanager-index_buttons {
position: relative;
display: inline-block;
}
#filemanager-index_nm #filemanager-index_tarp {
display: none !important;
}
#filemanager-index_nm #filemanager-index_filemanager-index-header_left {
height: auto;
}
.et2_file.plus_button {
position: absolute !important;
right: 15px;
bottom: 15px;
border-radius: 50%;
width: 60px;
height: 60px;
background-position: center;
z-index: 100;
background-color: #0c5da5;
border: none;
box-shadow: 0px 1px 5px 3px silver;
background-image: none !important;
margin: 0;
padding: 0;
}
.et2_file.plus_button .et2_file_span {
display: none;
}
.et2_file.plus_button .et2_file_upload {
width: 60px;
height: 60px;
top: 0;
}
.et2_file.plus_button:after {
content: ‘+’;
font-weight: bold;
font-size: 34pt;
color: #fafafa;
margin-left: 10px;
}
.previewImage img {
max-width: 100%;
}
div#filemanager-file_tabs td.eaclAccount,
td.eaclRights {
display: block;
}
-}

Modified: trunk/filemanager/templates/pixelegg/app.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/filemanager/templates/pixelegg/app.less?rev=55164&r1=55163&r2=55164&view=diff

— trunk/filemanager/templates/pixelegg/app.less (original)
+++ trunk/filemanager/templates/pixelegg/app.less Fri Feb 26 12:48:06 2016
@@ -159,63 +159,3 @@

}

-//

-/* tablets and smartphones */
-@media only screen and (max-device-width:1024px) {

#filemanager-index_nm {
```
  table.egwGridView_outer tbody {
```

  	span[id^='filemanager-index'][id$='size]']{

```
  		.mob-fontsize-s;
```
```
  		text-align: right;
```
```
  	}
```

  	label[id^='filemanager-index'][id$='name]'] {

```
  		overflow: hidden;
```
```
  		text-overflow: ellipsis;
```
```
  		max-width: 100%;
```
```
  		span{
```
```
  			white-space: nowrap;
```
```
  		}
```
```
  	}
```
```
  }
```
```
  #filemanager-index_buttons {
```
```
  	position: relative;
```
```
  	display: inline-block;
```
```
  }
```

  #filemanager-index_tarp {display: none !important;}

  #filemanager-index_filemanager-index-header_left {height:auto;}

}
.et2_file.plus_button {
```
  position: absolute !important;
```
```
  right: 15px;
```
```
  bottom: 15px;
```
```
  border-radius: 50%;
```
```
  width: 60px;
```
```
  height: 60px;
```
```
  background-position: center;
```
```
  z-index: 100;
```
```
  background-color: #0c5da5;
```
```
  border: none;
```
```
  box-shadow: 0px 1px 5px 3px silver;
```
```
  background-image: none !important;
```
```
  margin: 0;
```
```
  padding: 0;
```
```
  .et2_file_span{display: none;}
```
```
  .et2_file_upload {
```
```
  	width: 60px;
```
```
  	height: 60px;
```
```
  	top: 0;
```
```
  }
```
```
  &:after{
```
```
  	content: '+';
```
```
  	font-weight: bold;
```
```
  	font-size: 34pt;
```
```
  	color: #fafafa;
```
```
  	margin-left: 10px;
```
```
  }
```
}
.previewImage img {max-width: 100%;}
div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
-}

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