extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-03 04:29:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- Migrate mobile styling into mobile theme
This commit is contained in:
Hadi Nategh 2016-02-24 16:54:05 +00:00
parent 28212a6adb
commit 1dada7d0fd
4 changed files with 2649 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2594
calendar/templates/mobile/app.css Normal file
View File

File diff suppressed because it is too large Load Diff

54
calendar/templates/mobile/app.less Normal file
View File

@ -0,0 +1,54 @@
/**
*
* Calendar - 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 calendar
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
@import (reference) "../../../pixelegg/less/definitions.less";
@import (less) "../pixelegg/app.css";
/* tablets and smartphones */
@media all {
#calendar-toolbar {
height: 50px;
box-shadow: 0px 4px 5px 2px silver;
width: 100%;
background: #0c5da5;
z-index: 1;
#toolbar-actionlist {
margin-left: 70px;
}
}
#calendar-edit #calendar-edit_calendar-edit-details{
float: none;
display: initial;
}
span[id^="calendar-list_"][id$="title]"] {
font-size: 12pt;
white-space: nowrap;
}
div.calDescRow {
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
label[id^="calendar-list_"][id$="start]"]> time ,label[id^="calendar-list_"][id$="end]"]> time{
float: none;
color:#828282;
}
.calDates .dash {
text-align: center;
padding: 0px 5px 0 5px !important;
}
#calendar-list button.plus_button {
bottom: 65px ;
}
}

44
calendar/templates/pixelegg/app.css
View File

@ -11,7 +11,7 @@
* @package calendar * @package calendar
* @version $Id$ * @version $Id$
*/ */
/* $Id: app.css 55035 2016-02-16 21:37:19Z nathangray $ */ /* $Id: app.css 55127 2016-02-23 22:23:01Z nathangray $ */
/*Media print classes*/ /*Media print classes*/
@media print { @media print {
.th td, .th td,
@ -2541,45 +2541,3 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
} }
/* ######################################################################################## /* ########################################################################################
/* * Calendar END */ /* * Calendar END */
/* tablets and smartphones */
@media only screen and (max-device-width: 1024px) {
#calendar-toolbar {
height: 50px;
box-shadow: 0px 4px 5px 2px silver;
width: 100%;
background: #0c5da5;
z-index: 1;
}
#calendar-toolbar #calendar-toolbar_toolbar .et2_toolbar_more > h.ui-toolbar-menulistHeader {
background: transparent;
}
#calendar-toolbar #toolbar-actionlist {
margin-left: 70px;
}
#calendar-edit #calendar-edit_calendar-edit-details {
float: none;
display: initial;
}
span[id^="calendar-list_"][id$="title]"] {
font-size: 12pt;
white-space: nowrap;
}
div.calDescRow {
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
label[id^="calendar-list_"][id$="start]"] > time,
label[id^="calendar-list_"][id$="end]"] > time {
float: none;
color: #828282;
}
.calDates .dash {
text-align: center;
padding: 0px 5px 0 5px !important;
}
body button.plus_button {
bottom: 65px;
}
}

43
calendar/templates/pixelegg/app.less
View File

@ -1347,46 +1347,3 @@ div#calendar-container {
/* ######################################################################################## /* ########################################################################################
/* * Calendar END */ /* * Calendar END */
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
#calendar-toolbar {
#calendar-toolbar_toolbar {
.et2_toolbar_more > h.ui-toolbar-menulistHeader {background:transparent;}
}
height: 50px;
box-shadow: 0px 4px 5px 2px silver;
width: 100%;
background: #0c5da5;
z-index: 1;
#toolbar-actionlist {
margin-left: 70px;
}
}
#calendar-edit #calendar-edit_calendar-edit-details{
float: none;
display: initial;
}
span[id^="calendar-list_"][id$="title]"] {
font-size: 12pt;
white-space: nowrap;
}
div.calDescRow {
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
label[id^="calendar-list_"][id$="start]"]> time ,label[id^="calendar-list_"][id$="end]"]> time{
float: none;
color:#828282;
}
.calDates .dash {
text-align: center;
padding: 0px 5px 0 5px !important;
}
body button.plus_button {
bottom: 65px;
}
}