egroupware_official/calendar/templates/mobile/app.less

130 lines
3.0 KiB
Plaintext

/**
*
* 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
*/
@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: 50px;
width: 100%;
background: #0c5da5;
z-index: 1;
#toolbar-actionlist {
margin-top: 4px;
}
}
#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: 15px;
}
}
#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;}
#calendar-toolbar .et2_searchbox input{height: 42px;}
#calendar-toolbar {
.nm-mob-header {
width: 100%;
display: inline-block;
.ui-toolbar-menulist button {color: black;}
z-index: 100;
.et2_searchbox {
display: inline-block;
width: 50px;
}
#calendar-toolbar_toolbar{
display: flex;
padding: 0px !important;
min-width: 260px;
justify-content: flex-start;
#toolbar-actionlist {
margin-left: 0px;
margin-top: 0px;
}
.et2_toolbar_more {min-width: 30px;}
}
}
}
#calendar-view_header_dateIndicator {
display: block;
text-align: center;
padding: 4px;
font-size: 10pt;
color: #707070;
}
}