WIP framework style:

- Fix app headers
This commit is contained in:
Hadi Nategh 2019-05-31 16:20:20 +02:00
parent bceec07c16
commit 02d6d26639
6 changed files with 65 additions and 46 deletions

View File

@ -4592,7 +4592,7 @@ td.message span.message {
visibility: hidden;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img {
margin: 4px auto 0px !important;
margin: 4px 13px 0px !important;
padding: 0 !important;
float: none !important;
display: block !important;

View File

@ -4581,7 +4581,7 @@ td.message span.message {
visibility: hidden;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img {
margin: 4px auto 0px !important;
margin: 4px 13px 0px !important;
padding: 0 !important;
float: none !important;
display: block !important;

View File

@ -4592,7 +4592,7 @@ td.message span.message {
visibility: hidden;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img {
margin: 4px auto 0px !important;
margin: 4px 13px 0px !important;
padding: 0 !important;
float: none !important;
display: block !important;
@ -6324,6 +6324,7 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 51, 102, 0.3);
border-left: 4px solid #003366 !important;
}
#egw_fw_sidebar #egw_fw_sidemenu #addressbook_sidebox_content .egw_fw_ui_category_active {
background-color: #003366 !important;
@ -6363,7 +6364,7 @@ form[id^="ranking-"] .dialogHeadbar {
}
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #003366 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#addressbook_sidebox_header {
border-left: 4px solid #003366 !important;
@ -6375,10 +6376,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(51, 51, 51, 0.3);
border-left: 4px solid #333333 !important;
}
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #333333 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#admin_sidebox_header {
border-left: 4px solid #333333 !important;
@ -6390,10 +6392,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(204, 102, 51, 0.3);
border-left: 4px solid #CC6633 !important;
}
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #CC6633 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#bookmarks_sidebox_header {
border-left: 4px solid #CC6633 !important;
@ -6405,10 +6408,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(204, 0, 51, 0.3);
border-left: 4px solid #CC0033 !important;
}
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #CC0033 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#calendar_sidebox_header {
border-left: 4px solid #CC0033 !important;
@ -6420,10 +6424,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(255, 153, 51, 0.3);
border-left: 4px solid #ff9933 !important;
}
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #ff9933 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#filemanager_sidebox_header {
border-left: 4px solid #ff9933 !important;
@ -6436,9 +6441,6 @@ form[id^="ranking-"] .dialogHeadbar {
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(102, 0, 51, 0.3);
border-left: 4px solid #660033 !important;
border-top: 0px !important;
margin-left: 3px;
padding-top: 6px;
}
#infolog_sidebox_header {
border-left: 4px solid #660033 !important;
@ -6454,10 +6456,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 102, 153, 0.3);
border-left: 4px solid #006699 !important;
}
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #006699 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#mail_sidebox_header {
border-left: 4px solid #006699 !important;
@ -6469,10 +6472,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(102, 153, 153, 0.3);
border-left: 4px solid #669999 !important;
}
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #669999 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#projectmanager_sidebox_header {
border-left: 4px solid #669999 !important;
@ -6484,10 +6488,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 51, 51, 0.3);
border-left: 4px solid #003333 !important;
}
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #003333 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#resources_sidebox_header {
border-left: 4px solid #003333 !important;
@ -6499,10 +6504,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(51, 0, 102, 0.3);
border-left: 4px solid #330066 !important;
}
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #330066 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#timesheet_sidebox_header {
border-left: 4px solid #330066 !important;
@ -6514,10 +6520,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 153, 102, 0.3);
border-left: 4px solid #009966 !important;
}
#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #009966 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#tracker_sidebox_header {
border-left: 4px solid #009966 !important;
@ -6529,10 +6536,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(121, 121, 121, 0.3);
border-left: 4px solid #797979 !important;
}
#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #797979 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#wiki_sidebox_header {
border-left: 4px solid #797979 !important;
@ -6544,10 +6552,11 @@ form[id^="ranking-"] .dialogHeadbar {
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(64, 64, 64, 0.3);
border-left: 4px solid #404040 !important;
}
#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid #404040 !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#ranking_sidebox_header {
border-left: 4px solid #404040 !important;
@ -6561,10 +6570,10 @@ form[id^="ranking-"] .dialogHeadbar {
.standartTreeImage {
filter: none;
}
#egw_fw_sidebar #egw_fw_basecontainer.egw_fw_sidebar_toggleOn .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
margin-left: 3px;
padding-top: 6px;
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
border-top: 0px !important;
margin-left: 3px !important;
padding-top: 6px;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header {
border-left: 4px solid #797979;

View File

@ -15,6 +15,7 @@
// Addressbook
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@addressbook-color, 30%);
border-left:4px solid @addressbook-color !important;
}
#egw_fw_sidebar {
@ -83,7 +84,7 @@
}
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active{
border-top:4px solid @addressbook-color !important;
border-left:1px solid silver !important;
border-left:0px !important;
}
#addressbook_sidebox_header {border-left:4px solid @addressbook-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -94,10 +95,11 @@
// Admin
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@admin-color, 30%);
border-left:4px solid @admin-color !important;
}
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @admin-color !important;
border-left:1px solid silver !important;
border-left:0px !important;
}
#admin_sidebox_header {border-left:4px solid @admin-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -108,10 +110,11 @@
// Bookmarks
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@bookmarks-color, 30%);
border-left:4px solid @bookmarks-color !important;
}
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @bookmarks-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#bookmarks_sidebox_header {border-left:4px solid @bookmarks-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -123,10 +126,11 @@
// Calendar
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@calendar-color, 30%);
border-left:4px solid @calendar-color !important;
}
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @calendar-color !important;
border-left:1px solid silver !important;
border-left:0px !important;
}
#calendar_sidebox_header {border-left:4px solid @calendar-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -137,10 +141,11 @@
// Filemanager
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@filemanager-color, 30%);
border-left:4px solid @filemanager-color !important;
}
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @filemanager-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#filemanager_sidebox_header {border-left:4px solid @filemanager-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -152,9 +157,6 @@
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@infolog-color, 30%);
border-left:4px solid @infolog-color !important;
border-top: 0px !important;
margin-left: 3px;
padding-top: 6px;
}
#infolog_sidebox_header{
border-left:4px solid @infolog-color !important;
@ -171,10 +173,11 @@
// Mail
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@mail-color, 30%);
border-left:4px solid @mail-color !important;
}
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @mail-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#mail_sidebox_header {
border-left:4px solid @mail-color !important;
@ -188,10 +191,11 @@
// Projectmanager
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@projectmanager-color, 30%);
border-left:4px solid @projectmanager-color !important;
}
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @projectmanager-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#projectmanager_sidebox_header {border-left:4px solid @projectmanager-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -202,10 +206,11 @@
// Resources
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@resources-color, 30%);
border-left:4px solid @resources-color !important;
}
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @resources-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#resources_sidebox_header {border-left:4px solid @resources-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -217,10 +222,11 @@
// Timesheet
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@timesheet-color, 30%);
border-left:4px solid @timesheet-color !important;
}
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @timesheet-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#timesheet_sidebox_header {border-left:4px solid @timesheet-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -231,10 +237,11 @@
// Tracker
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@tracker-color, 30%);
border-left:4px solid @tracker-color !important;
}
#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @tracker-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#tracker_sidebox_header {border-left:4px solid @tracker-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -245,10 +252,11 @@
// Wiki
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@wiki-color, 30%);
border-left:4px solid @wiki-color !important;
}
#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @wiki-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#wiki_sidebox_header {border-left:4px solid @wiki-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -259,10 +267,11 @@
// Ranking
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@ranking-color, 30%);
border-left:4px solid @ranking-color !important;
}
#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @ranking-color !important;
border-left: 1px solid silver !important;
border-left: 0px !important;
}
#ranking_sidebox_header {border-left:4px solid @ranking-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #ranking-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
@ -275,16 +284,17 @@
filter: none;
}
#egw_fw_sidebar {
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_header_active {
margin-left: 3px;
padding-top: 6px;
border-top: 0px !important;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_header_active {
border-top: 0px !important;
margin-left: 3px !important;
padding-top: 6px;
}
}
}
#egw_fw_sidebar {
#egw_fw_sidemenu{
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_header {

View File

@ -420,7 +420,7 @@
visibility: hidden;
}
img {
margin: 4px auto 0px !important;
margin: 4px 13px 0px !important;
padding: 0 !important;
float: none !important;
display: block !important;

View File

@ -4603,7 +4603,7 @@ td.message span.message {
visibility: hidden;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img {
margin: 4px auto 0px !important;
margin: 4px 13px 0px !important;
padding: 0 !important;
float: none !important;
display: block !important;