extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
-Fix calendar view header
This commit is contained in:
Hadi Nategh 2016-02-10 17:03:42 +00:00
parent c8cf2d30d8
commit 44c29d52db
3 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
calendar/inc/class.calendar_uiviews.inc.php
View File

@ -243,6 +243,11 @@ class calendar_uiviews extends calendar_ui
// Toolbar
$tmpl = new etemplate_new('calendar.toolbar');
$tmpl->setElementAttribute('toolbar', 'actions', $this->getToolbarActions($content));
// Adjust toolbar for mobile
if(html::$ua_mobile){
$tmpl->setElementAttribute('toolbar','class', 'et2_head_toolbar');
$tmpl->setElementAttribute('toolbar','view_range', '3');
}
$tmpl->exec('calendar_uiviews::index',array());
// Load the different views once, we'll switch between them on the client side

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

@ -2609,3 +2609,19 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
}*/
/* ########################################################################################
/* * 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;
}
}

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

@ -1409,3 +1409,19 @@ div#calendar-container {
/* ########################################################################################
/* * 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;
}
}
}