Author: hnategh
New Revision: 55598
URL: http://svn.stylite.de/viewvc/egroupware?rev=55598&view=rev
Log:
Mobile theme W.I.P.:
- Fix pale colors for slideSwitch captions
- Fix Today button in calendar toolbar
- Fix date indicator in calendar header
Modified:
trunk/calendar/templates/mobile/app.css
trunk/calendar/templates/mobile/app.less
trunk/pixelegg/mobile/fw_mobile.css
trunk/pixelegg/mobile/fw_mobile.less
— trunk/calendar/templates/mobile/app.css (original)
+++ trunk/calendar/templates/mobile/app.css Fri Apr 1 16:00:00 2016
@@ -141,19 +141,41 @@
-
@package calendar
-
@version $Id$
/
-/ $Id: app.css 55492 2016-03-22 15:09:39Z nathangray $ /
+/ $Id: app.css 55588 2016-03-31 22:44:00Z nathangray $ */
/Media print classes/
@media print {
- .th td,
- .row_on td,
- .row_off td {
- border: none !important;
-
#calendar-view.et2_container,
-
#calendar-todo.et2_container,
-
#calendar-planner.et2_container,
-
#calendar-list.et2_container {
- position: static;
- height: auto !important;
}
- img.calendar_print_button {
- display: none !important;
- .calendar_plannerWidget {
- height: auto !important;
}
- tr.calendar_print_cat {
- border-bottom: 1px solid gray;
- .calendar_plannerWidget .calendar_plannerHeader {
- margin-right: 2px !important;
- }
- .calendar_plannerWidget .calendar_plannerRows {
- height: auto !important;
- }
- .calendar_plannerWidget .verticalBar {
- display: none;
- }
- /* Don’t split a calendar week across pages */
-
#calendar-view_view > tbody > tr.view_row {
- page-break-inside: avoid;
- }
- .calendar_calTimeGrid .calendar_calTimeGridScroll {
- overflow-y: hidden !important;
- }
- /* Let hidden user names be visible */
-
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > ul {
- position: static;
- }
-
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > ul > li {
- overflow: visible !important;
}
}
/**
@@ -242,6 +264,9 @@
}
#calendar-toolbar .egw_fw_ui_app_header_container {
border: none;
- display: flex;
- align-items: center;
- min-height: 26px;
}
/* Space for toolbar */
#calendar-view,
@@ -364,6 +389,7 @@
overflow: hidden;
display: flex;
flex-direction: column;
- page-break-inside: avoid;
}
.calendar_calTimeGrid .calendar_calTimeGridScroll {
position: relative;
@@ -373,6 +399,7 @@
overflow-y: auto;
overflow-x: hidden;
cursor: default;
- background-color: white;
}
.calendar_calTimeGrid .calendar_calTimeLabels {
height: 100%;
@@ -399,13 +426,16 @@
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] {
display: none;
}
-#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > ul > li {
+#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > ul > li {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
-#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > ul > li:hover {
+#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > ul:hover {
overflow: visible;
- width: auto;
- background-color: inherit;
- z-index: 100;
}
/* single row in the time-line you dont need to set a bgcolor, but you can
*/
@@ -1024,7 +1054,6 @@
top: 0px;
left: 0px;
width: 99.5%;
- background-color: #f0f0f0;
}
.calendar_plannerWidget > div:not(.calendar_plannerHeader) {
overflow-y: auto;
@@ -2666,7 +2695,7 @@
/* tablets and smartphones */
@media all {
#calendar-toolbar {
- height: 50px;
- height: 70px;
box-shadow: 0px 4px 5px 2px silver;
width: 100%;
background: #0c5da5;
@@ -2699,7 +2728,7 @@
padding: 0px 5px 0 5px !important;
}
#calendar-list button.plus_button {
- bottom: 85px ;
}
#calendar-edit_category {
max-width: 100%;
@@ -2717,6 +2746,28 @@
background-color: #cc0033;
}
#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;
- }
-
#calendar-toolbar .egw_fw_ui_app_header_container span {
- display: block;
- width: 100%;
- text-align: center;
- font-size: 10pt;
- }
+}
— trunk/calendar/templates/mobile/app.less (original)
+++ trunk/calendar/templates/mobile/app.less Fri Apr 1 16:00:00 2016
@@ -16,7 +16,7 @@
/* tablets and smartphones */
@media all {
#calendar-toolbar {
@@ -50,7 +50,7 @@
padding: 0px 5px 0 5px !important;
}
#calendar-list button.plus_button {
-
bottom: 85px ;
}
#calendar-edit_category {max-width: 100%;}
#calendar-edit #calendar-edit_whole_day {margin:0;}
@@ -59,7 +59,29 @@
#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;
}
}
}
— trunk/pixelegg/mobile/fw_mobile.css (original)
+++ trunk/pixelegg/mobile/fw_mobile.css Fri Apr 1 16:00:00 2016
@@ -2900,7 +2900,7 @@
-
-
@version $Id: layout_dialog.less 55572 2016-03-31 09:21:55Z ralfbecker $
-
-
@version $Id: layout_dialog.less 55581 2016-03-31 16:59:47Z hnategh $
*/
/*body {
background-color: @gray_0;
@@ -8184,6 +8184,9 @@
margin-top: 15px;
box-shadow: inset 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2);
}
- body span.et2_checkbox_slideSwitch span.slideSwitch_container span {
- color: #696969 !important;
- }
body span.et2_checkbox_slideSwitch span.slideSwitch_container a {
background-color: #E0E0E0;
border-radius: 50%;
— trunk/pixelegg/mobile/fw_mobile.less (original)
+++ trunk/pixelegg/mobile/fw_mobile.less Fri Apr 1 16:00:00 2016
@@ -1240,6 +1240,9 @@
border-radius: 15px;
margin-top: 15px;
box-shadow: inset 0 2px 2px rgb(71, 71, 71), 0 0px 0 rgba(255, 255, 255, 0.2);
Transform Data into Opportunity.
Accelerate data analysis in your applications with
Intel Data Analytics Acceleration Library.
Click to learn more.
http://pubads.g.doubleclick.net/gampad/clk?id=278785471&iu=/4140
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs
