/** * * 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 (reference) "../../../pixelegg/less/app_colors.less"; @import (less) "../pixelegg/app.less"; /* tablets and smartphones */ @media all { #calendar-toolbar { height: 70px; width: 100%; background: #0c5da5; z-index: 1; #toolbar-actionlist { margin-left: 60px; margin-top: 14px; } } #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 { margin-right: 0px; button.plus_button {bottom: 85px ;} } #calendar-edit_category {max-width: 100%;} #calendar-edit #calendar-edit_whole_day {margin:0;} .quantity{margin-left:5px;} #popupMainDiv .et2_date.calendar_alarm_date_display {padding-left: 3px;} #calendar-toolbar {background-color: @calendar-color;} #calendar-view { button.plus_button { bottom: 85px; } } #calendar-toolbar button#toolbar-today { font-weight: bold; font-size: 12pt; text-align: center; vertical-align: bottom; } #calendar-toolbar_toolbar .et2_toolbar_more { width:30px; } #calendar-toolbar .egw_fw_ui_app_header_container { background: white; width: 100%; display: block; margin-top: 44px; font-size: 10pt; span{ display: block; width:100%; text-align: center; font-size:10pt; } } #calendar-edit button#calendar-edit_freetime { margin-left: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 0; height: 45px; vertical-align: top; width: 100%; } #calendar-toolbar_app_header {height: 17px;left:0;} #calendar-toolbar .egw_fw_ui_app_header_container {min-height:20px;} }