Mobile theme W.I.P.:

-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

View File

@ -243,6 +243,11 @@ class calendar_uiviews extends calendar_ui
// Toolbar // Toolbar
$tmpl = new etemplate_new('calendar.toolbar'); $tmpl = new etemplate_new('calendar.toolbar');
$tmpl->setElementAttribute('toolbar', 'actions', $this->getToolbarActions($content)); $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()); $tmpl->exec('calendar_uiviews::index',array());
// Load the different views once, we'll switch between them on the client side // Load the different views once, we'll switch between them on the client side

View File

@ -2609,3 +2609,19 @@ 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;
}
}

View File

@ -1409,3 +1409,19 @@ 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;
}
}
}