WIP mail folder management:

- Use highlighting on tree to ease node selection
- Some styling for node selection
This commit is contained in:
Hadi Nategh 2015-08-11 10:02:04 +00:00
parent 476606d6cb
commit e7e7bc68e6
3 changed files with 26 additions and 4 deletions

View File

@ -13,7 +13,7 @@
</row>
<row>
<box scrolling="auto">
<tree id="tree" multiple="true" autoloading="mail_ui::ajax_folderMgmtTree_autoloading" multimarking="strict" oncheck="app.mail.folderMgmt_onCheck" onselect="app.mail.folderMgmt_onSelect" onopenstart="app.mail.folderMgmt_autoloadingStart" onopenend="app.mail.folderMgmt_autoloadingEnd"/>
<tree id="tree" multiple="true" autoloading="mail_ui::ajax_folderMgmtTree_autoloading" multimarking="strict" oncheck="app.mail.folderMgmt_onCheck" onselect="app.mail.folderMgmt_onSelect" onopenstart="app.mail.folderMgmt_autoloadingStart" onopenend="app.mail.folderMgmt_autoloadingEnd" highlighting="true"/>
</box>
</row>
</rows>

View File

@ -1086,10 +1086,15 @@ body {
.egw_fw_ui_category_content .dtree {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
.egw_fw_ui_category_content .selectedTreeRow {
.egw_fw_ui_category_content .selectedTreeRow,
.egw_fw_ui_category_content .selectedTreeRow_lor {
background-color: #ffc200;
color: #1e1e1e;
}
.egw_fw_ui_category_content .standartTreeRow_lor {
background-color: #f2f2f2;
color: #1e1e1e;
}
/* ##################################################################################
* E-Mail Dialog "Compose"
*
@ -1696,6 +1701,18 @@ div#displayToolbar-menulist img {
height: 484px;
overflow: auto;
}
#mail-subscribe .selectedTreeRow,
#mail-folder_management .selectedTreeRow,
#mail-subscribe .selectedTreeRow_lor,
#mail-folder_management .selectedTreeRow_lor {
background-color: #ffc200;
color: #1e1e1e;
}
#mail-subscribe .standartTreeRow_lor,
#mail-folder_management .standartTreeRow_lor {
background-color: #f2f2f2;
color: #1e1e1e;
}
.mail_subscription_header,
.mail_folder_management_header {
font-weight: bold;

View File

@ -287,8 +287,9 @@ body {
// color - selected tree item
.selectedTreeRow {background-color: @egw_color_1_a; color: @gray_90;}
.selectedTreeRow, .selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;}
.standartTreeRow_lor {background-color: @gray_5; color: @gray_90;}
/*new mail in FOlder
span.standartTreeRow b {color: @egw_color_2_a;}
*/
@ -889,6 +890,10 @@ div#displayToolbar-menulist{
}
// color - selected tree item
.selectedTreeRow,.selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;}
// color - hover over standard tree item
.standartTreeRow_lor {background-color: @gray_5; color: @gray_90;}
} // #mail-subscribe