From f5a6d52ae2289b96c16cc0a2aa2bc3ad1bb30e3b Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Wed, 9 Mar 2016 11:55:26 +0000 Subject: [PATCH] Mobile theme: - Implement apps color code --- .../templates/mobile/images/navbar.svg | 26 ++++ admin/templates/mobile/images/navbar.svg | 32 +++++ calendar/templates/mobile/app.css | 121 +++++++++++++++++ calendar/templates/mobile/app.less | 8 +- calendar/templates/mobile/images/navbar.svg | 26 ++++ .../templates/mobile/images/navbar.svg | 19 +++ infolog/templates/mobile/images/navbar.svg | 21 +++ mail/templates/mobile/images/navbar.svg | 21 +++ pixelegg/mobile/app_colors.css | 118 +++++++++++++++++ pixelegg/mobile/app_colors.less | 72 +++++++++++ pixelegg/mobile/fw_mobile.css | 122 +++++++++++++++++- pixelegg/mobile/fw_mobile.less | 6 +- resources/templates/mobile/images/navbar.svg | 18 +++ timesheet/templates/mobile/images/navbar.svg | 22 ++++ 14 files changed, 626 insertions(+), 6 deletions(-) create mode 100755 addressbook/templates/mobile/images/navbar.svg create mode 100755 admin/templates/mobile/images/navbar.svg create mode 100755 calendar/templates/mobile/images/navbar.svg create mode 100755 filemanager/templates/mobile/images/navbar.svg create mode 100755 infolog/templates/mobile/images/navbar.svg create mode 100755 mail/templates/mobile/images/navbar.svg create mode 100644 pixelegg/mobile/app_colors.css create mode 100644 pixelegg/mobile/app_colors.less create mode 100755 resources/templates/mobile/images/navbar.svg create mode 100755 timesheet/templates/mobile/images/navbar.svg diff --git a/addressbook/templates/mobile/images/navbar.svg b/addressbook/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..c0e9175bce --- /dev/null +++ b/addressbook/templates/mobile/images/navbar.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + diff --git a/admin/templates/mobile/images/navbar.svg b/admin/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..9a8f583e48 --- /dev/null +++ b/admin/templates/mobile/images/navbar.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css index 317a5923b1..73129d9848 100644 --- a/calendar/templates/mobile/app.css +++ b/calendar/templates/mobile/app.css @@ -10,6 +10,124 @@ * @package calendar * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ */ +/** + * + * Mobile FW - Applications colors + * + * 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 + * @package Mobile Framework + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ +div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="addressbook-"] .plus_button, +form[id^="addressbook-"] .plus_button, +div[id^="addressbook-"] .search.nm-mob-header, +form[id^="addressbook-"] .search.nm-mob-header, +div[id^="addressbook-"] .dialogHeadbar, +form[id^="addressbook-"] .dialogHeadbar { + background-color: #333399; +} +div[id^="admin-"] .plus_button, +form[id^="admin-"] .plus_button, +div[id^="admin-"] .search.nm-mob-header, +form[id^="admin-"] .search.nm-mob-header, +div[id^="admin-"] .dialogHeadbar, +form[id^="admin-"] .dialogHeadbar { + background-color: #0073ce; +} +div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="bookmarks-"] .plus_button, +form[id^="bookmarks-"] .plus_button, +div[id^="bookmarks-"] .search.nm-mob-header, +form[id^="bookmarks-"] .search.nm-mob-header, +div[id^="bookmarks-"] .dialogHeadbar, +form[id^="bookmarks-"] .dialogHeadbar { + background-color: #db0087; +} +div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="calendar-"] .plus_button, +form[id^="calendar-"] .plus_button, +div[id^="calendar-"] .search.nm-mob-header, +form[id^="calendar-"] .search.nm-mob-header, +div[id^="calendar-"] .dialogHeadbar, +form[id^="calendar-"] .dialogHeadbar { + background-color: #cc0033; +} +div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="filemanager-"] .plus_button, +form[id^="filemanager-"] .plus_button, +div[id^="filemanager-"] .search.nm-mob-header, +form[id^="filemanager-"] .search.nm-mob-header, +div[id^="filemanager-"] .dialogHeadbar, +form[id^="filemanager-"] .dialogHeadbar { + background-color: #f9d730; +} +div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="infolog-"] .plus_button, +form[id^="infolog-"] .plus_button, +div[id^="infolog-"] .search.nm-mob-header, +form[id^="infolog-"] .search.nm-mob-header, +div[id^="infolog-"] .dialogHeadbar, +form[id^="infolog-"] .dialogHeadbar { + background-color: #ffb936; +} +div[id^="mail-"] .plus_button, +form[id^="mail-"] .plus_button, +div[id^="mail-"] .search.nm-mob-header, +form[id^="mail-"] .search.nm-mob-header, +div[id^="mail-"] .dialogHeadbar, +form[id^="mail-"] .dialogHeadbar { + background-color: #47b2d4; +} +div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="projectmanager-"] .plus_button, +form[id^="projectmanager-"] .plus_button, +div[id^="projectmanager-"] .search.nm-mob-header, +form[id^="projectmanager-"] .search.nm-mob-header, +div[id^="projectmanager-"] .dialogHeadbar, +form[id^="projectmanager-"] .dialogHeadbar { + background-color: #75de27; +} +div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="resources-"] .plus_button, +form[id^="resources-"] .plus_button, +div[id^="resources-"] .search.nm-mob-header, +form[id^="resources-"] .search.nm-mob-header, +div[id^="resources-"] .dialogHeadbar, +form[id^="resources-"] .dialogHeadbar { + background-color: #009966; +} +div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="timesheet-"] .plus_button, +form[id^="timesheet-"] .plus_button, +div[id^="timesheet-"] .search.nm-mob-header, +form[id^="timesheet-"] .search.nm-mob-header, +div[id^="timesheet-"] .dialogHeadbar, +form[id^="timesheet-"] .dialogHeadbar { + background-color: #9d15ea; +} +div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="tracker-"] .plus_button, +form[id^="tracker-"] .plus_button, +div[id^="tracker-"] .search.nm-mob-header, +form[id^="tracker-"] .search.nm-mob-header, +div[id^="tracker-"] .dialogHeadbar, +form[id^="tracker-"] .dialogHeadbar { + background-color: #006666; +} /** * EGroupware: CSS with less preprocessor * @@ -2565,4 +2683,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td { #popupMainDiv .et2_date.calendar_alarm_date_display { padding-left: 3px; } + #calendar-toolbar { + background-color: #cc0033; + } } diff --git a/calendar/templates/mobile/app.less b/calendar/templates/mobile/app.less index b3497912ef..7eba423167 100644 --- a/calendar/templates/mobile/app.less +++ b/calendar/templates/mobile/app.less @@ -11,6 +11,7 @@ * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ */ @import (reference) "../../../pixelegg/less/definitions.less"; +@import (less) "../../../pixelegg/mobile/app_colors.less"; @import (less) "../pixelegg/app.css"; /* tablets and smartphones */ @media all { @@ -38,12 +39,12 @@ 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; @@ -53,6 +54,7 @@ } #calendar-edit_category {max-width: 100%;} #calendar-edit #calendar-edit_whole_day {margin:0;} - .quantity{margin-left:5px;} + .quantity{margin-left:5px;} #popupMainDiv .et2_date.calendar_alarm_date_display {padding-left: 3px;} + #calendar-toolbar {background-color: @calendar-color;} } \ No newline at end of file diff --git a/calendar/templates/mobile/images/navbar.svg b/calendar/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..9969d96ec3 --- /dev/null +++ b/calendar/templates/mobile/images/navbar.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + diff --git a/filemanager/templates/mobile/images/navbar.svg b/filemanager/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..5c1d1c25f2 --- /dev/null +++ b/filemanager/templates/mobile/images/navbar.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/infolog/templates/mobile/images/navbar.svg b/infolog/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..4f40f54576 --- /dev/null +++ b/infolog/templates/mobile/images/navbar.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + diff --git a/mail/templates/mobile/images/navbar.svg b/mail/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..dbf2653057 --- /dev/null +++ b/mail/templates/mobile/images/navbar.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + diff --git a/pixelegg/mobile/app_colors.css b/pixelegg/mobile/app_colors.css new file mode 100644 index 0000000000..31b94ea2c3 --- /dev/null +++ b/pixelegg/mobile/app_colors.css @@ -0,0 +1,118 @@ +/** + * + * Mobile FW - Applications colors + * + * 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 + * @package Mobile Framework + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ +div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="addressbook-"] .plus_button, +form[id^="addressbook-"] .plus_button, +div[id^="addressbook-"] .search.nm-mob-header, +form[id^="addressbook-"] .search.nm-mob-header, +div[id^="addressbook-"] .dialogHeadbar, +form[id^="addressbook-"] .dialogHeadbar { + background-color: #333399; +} +div[id^="admin-"] .plus_button, +form[id^="admin-"] .plus_button, +div[id^="admin-"] .search.nm-mob-header, +form[id^="admin-"] .search.nm-mob-header, +div[id^="admin-"] .dialogHeadbar, +form[id^="admin-"] .dialogHeadbar { + background-color: #0073ce; +} +div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="bookmarks-"] .plus_button, +form[id^="bookmarks-"] .plus_button, +div[id^="bookmarks-"] .search.nm-mob-header, +form[id^="bookmarks-"] .search.nm-mob-header, +div[id^="bookmarks-"] .dialogHeadbar, +form[id^="bookmarks-"] .dialogHeadbar { + background-color: #db0087; +} +div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="calendar-"] .plus_button, +form[id^="calendar-"] .plus_button, +div[id^="calendar-"] .search.nm-mob-header, +form[id^="calendar-"] .search.nm-mob-header, +div[id^="calendar-"] .dialogHeadbar, +form[id^="calendar-"] .dialogHeadbar { + background-color: #cc0033; +} +div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="filemanager-"] .plus_button, +form[id^="filemanager-"] .plus_button, +div[id^="filemanager-"] .search.nm-mob-header, +form[id^="filemanager-"] .search.nm-mob-header, +div[id^="filemanager-"] .dialogHeadbar, +form[id^="filemanager-"] .dialogHeadbar { + background-color: #f9d730; +} +div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="infolog-"] .plus_button, +form[id^="infolog-"] .plus_button, +div[id^="infolog-"] .search.nm-mob-header, +form[id^="infolog-"] .search.nm-mob-header, +div[id^="infolog-"] .dialogHeadbar, +form[id^="infolog-"] .dialogHeadbar { + background-color: #ffb936; +} +div[id^="mail-"] .plus_button, +form[id^="mail-"] .plus_button, +div[id^="mail-"] .search.nm-mob-header, +form[id^="mail-"] .search.nm-mob-header, +div[id^="mail-"] .dialogHeadbar, +form[id^="mail-"] .dialogHeadbar { + background-color: #47b2d4; +} +div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="projectmanager-"] .plus_button, +form[id^="projectmanager-"] .plus_button, +div[id^="projectmanager-"] .search.nm-mob-header, +form[id^="projectmanager-"] .search.nm-mob-header, +div[id^="projectmanager-"] .dialogHeadbar, +form[id^="projectmanager-"] .dialogHeadbar { + background-color: #75de27; +} +div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="resources-"] .plus_button, +form[id^="resources-"] .plus_button, +div[id^="resources-"] .search.nm-mob-header, +form[id^="resources-"] .search.nm-mob-header, +div[id^="resources-"] .dialogHeadbar, +form[id^="resources-"] .dialogHeadbar { + background-color: #009966; +} +div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="timesheet-"] .plus_button, +form[id^="timesheet-"] .plus_button, +div[id^="timesheet-"] .search.nm-mob-header, +form[id^="timesheet-"] .search.nm-mob-header, +div[id^="timesheet-"] .dialogHeadbar, +form[id^="timesheet-"] .dialogHeadbar { + background-color: #9d15ea; +} +div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="tracker-"] .plus_button, +form[id^="tracker-"] .plus_button, +div[id^="tracker-"] .search.nm-mob-header, +form[id^="tracker-"] .search.nm-mob-header, +div[id^="tracker-"] .dialogHeadbar, +form[id^="tracker-"] .dialogHeadbar { + background-color: #006666; +} diff --git a/pixelegg/mobile/app_colors.less b/pixelegg/mobile/app_colors.less new file mode 100644 index 0000000000..41d80a8bd1 --- /dev/null +++ b/pixelegg/mobile/app_colors.less @@ -0,0 +1,72 @@ +/** + * + * Mobile FW - Applications colors + * + * 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 + * @package Mobile Framework + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ + + +// Color code for applications +@addressbook-color: #333399; +@admin-color: #0073ce; +@bookmarks-color: #db0087; +@calendar-color: #CC0033; +@filemanager-color:#F9d730; +@infolog-color: #FFB936; +@mail-color:#47b2d4; +@projectmanager-color: #75de27; +@resources-color: #009966; +@timesheet-color:#9d15ea; +@tracker-color: #006666; + + +// Addressbook +div[id^="addressbook-"],form[id^="addressbook-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @addressbook-color;} +} +// Admin +div[id^="admin-"],form[id^="admin-"] { + .plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @admin-color;} +} +// Bookmarks +div[id^="bookmarks-"],form[id^="bookmarks-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @bookmarks-color;} +} +// Calendar +div[id^="calendar-"],form[id^="calendar-"]{ + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @calendar-color;} +} +// Filemanager +div[id^="filemanager-"],form[id^="filemanager-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @filemanager-color;} +} +// Infolog +div[id^="infolog-"],form[id^="infolog-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @infolog-color;} +} +// Mail +div[id^="mail-"],form[id^="mail-"] { + .plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @mail-color;} +} +// Projectmanager +div[id^="projectmanager-"],form[id^="projectmanager-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @projectmanager-color;} +} +// Resources +div[id^="resources-"],form[id^="resources-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @resources-color;} +} +// Timesheet +div[id^="timesheet-"],form[id^="timesheet-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @timesheet-color;} +} +// Tracker +div[id^="tracker-"],form[id^="tracker-"] { + .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @tracker-color;} +} \ No newline at end of file diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 6e6939a961..e8fe636f6f 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -6895,6 +6895,124 @@ span.egw_tutorial_title { top: 140px; } } +/** + * + * Mobile FW - Applications colors + * + * 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 + * @package Mobile Framework + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ +div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="addressbook-"] .plus_button, +form[id^="addressbook-"] .plus_button, +div[id^="addressbook-"] .search.nm-mob-header, +form[id^="addressbook-"] .search.nm-mob-header, +div[id^="addressbook-"] .dialogHeadbar, +form[id^="addressbook-"] .dialogHeadbar { + background-color: #333399; +} +div[id^="admin-"] .plus_button, +form[id^="admin-"] .plus_button, +div[id^="admin-"] .search.nm-mob-header, +form[id^="admin-"] .search.nm-mob-header, +div[id^="admin-"] .dialogHeadbar, +form[id^="admin-"] .dialogHeadbar { + background-color: #0073ce; +} +div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="bookmarks-"] .plus_button, +form[id^="bookmarks-"] .plus_button, +div[id^="bookmarks-"] .search.nm-mob-header, +form[id^="bookmarks-"] .search.nm-mob-header, +div[id^="bookmarks-"] .dialogHeadbar, +form[id^="bookmarks-"] .dialogHeadbar { + background-color: #db0087; +} +div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="calendar-"] .plus_button, +form[id^="calendar-"] .plus_button, +div[id^="calendar-"] .search.nm-mob-header, +form[id^="calendar-"] .search.nm-mob-header, +div[id^="calendar-"] .dialogHeadbar, +form[id^="calendar-"] .dialogHeadbar { + background-color: #cc0033; +} +div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="filemanager-"] .plus_button, +form[id^="filemanager-"] .plus_button, +div[id^="filemanager-"] .search.nm-mob-header, +form[id^="filemanager-"] .search.nm-mob-header, +div[id^="filemanager-"] .dialogHeadbar, +form[id^="filemanager-"] .dialogHeadbar { + background-color: #f9d730; +} +div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="infolog-"] .plus_button, +form[id^="infolog-"] .plus_button, +div[id^="infolog-"] .search.nm-mob-header, +form[id^="infolog-"] .search.nm-mob-header, +div[id^="infolog-"] .dialogHeadbar, +form[id^="infolog-"] .dialogHeadbar { + background-color: #ffb936; +} +div[id^="mail-"] .plus_button, +form[id^="mail-"] .plus_button, +div[id^="mail-"] .search.nm-mob-header, +form[id^="mail-"] .search.nm-mob-header, +div[id^="mail-"] .dialogHeadbar, +form[id^="mail-"] .dialogHeadbar { + background-color: #47b2d4; +} +div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="projectmanager-"] .plus_button, +form[id^="projectmanager-"] .plus_button, +div[id^="projectmanager-"] .search.nm-mob-header, +form[id^="projectmanager-"] .search.nm-mob-header, +div[id^="projectmanager-"] .dialogHeadbar, +form[id^="projectmanager-"] .dialogHeadbar { + background-color: #75de27; +} +div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="resources-"] .plus_button, +form[id^="resources-"] .plus_button, +div[id^="resources-"] .search.nm-mob-header, +form[id^="resources-"] .search.nm-mob-header, +div[id^="resources-"] .dialogHeadbar, +form[id^="resources-"] .dialogHeadbar { + background-color: #009966; +} +div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="timesheet-"] .plus_button, +form[id^="timesheet-"] .plus_button, +div[id^="timesheet-"] .search.nm-mob-header, +form[id^="timesheet-"] .search.nm-mob-header, +div[id^="timesheet-"] .dialogHeadbar, +form[id^="timesheet-"] .dialogHeadbar { + background-color: #9d15ea; +} +div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="tracker-"] .plus_button, +form[id^="tracker-"] .plus_button, +div[id^="tracker-"] .search.nm-mob-header, +form[id^="tracker-"] .search.nm-mob-header, +div[id^="tracker-"] .dialogHeadbar, +form[id^="tracker-"] .dialogHeadbar { + background-color: #006666; +} /********************************/ /* */ /* MEDIA DEFINITION */ @@ -7133,6 +7251,8 @@ span.egw_tutorial_title { background: none; box-shadow: none; border: none; + filter: none; + -webkit-filter: none; } body #egw_fw_basecontainer #egw_fw_main img[src$="svg"], body #egw_fw_basecontainer #egw_fw_footer img[src$="svg"] { @@ -7466,6 +7586,7 @@ span.egw_tutorial_title { } body .et2_nextmatch .nm-mob-header div.nm_appname_header { width: 100%; + display: none; position: absolute; top: 0; height: 50px; @@ -7477,7 +7598,6 @@ span.egw_tutorial_title { font-weight: bold; opacity: 0.2; text-align: center; - display: inline; padding-top: 13px; z-index: -1; } diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index 1bc4bd3021..c1e59e669d 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -12,7 +12,7 @@ @import "../css/mobile.less"; @import (reference) "../less/def_mobile.less"; - +@import "app_colors.less"; /********************************/ /* */ /* MEDIA DEFINITION */ @@ -297,6 +297,8 @@ background: none; box-shadow: none; border:none; + filter:none; + -webkit-filter:none; } #egw_fw_main img[src$="svg"], #egw_fw_footer img[src$="svg"] { background:none; @@ -630,6 +632,7 @@ } div.nm_appname_header { width: 100%; + display: none; position: absolute; top: 0; height: 50px; @@ -641,7 +644,6 @@ font-weight: bold; opacity:0.2; text-align: center; - display: inline; padding-top: 13px; z-index:-1; } diff --git a/resources/templates/mobile/images/navbar.svg b/resources/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..4c7564edd8 --- /dev/null +++ b/resources/templates/mobile/images/navbar.svg @@ -0,0 +1,18 @@ + + + + + + + + + + diff --git a/timesheet/templates/mobile/images/navbar.svg b/timesheet/templates/mobile/images/navbar.svg new file mode 100755 index 0000000000..3d8a586cb8 --- /dev/null +++ b/timesheet/templates/mobile/images/navbar.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + +