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>
<row> <row>
<box scrolling="auto"> <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> </box>
</row> </row>
</rows> </rows>

View File

@ -1086,10 +1086,15 @@ body {
.egw_fw_ui_category_content .dtree { .egw_fw_ui_category_content .dtree {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; 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; background-color: #ffc200;
color: #1e1e1e; color: #1e1e1e;
} }
.egw_fw_ui_category_content .standartTreeRow_lor {
background-color: #f2f2f2;
color: #1e1e1e;
}
/* ################################################################################## /* ##################################################################################
* E-Mail Dialog "Compose" * E-Mail Dialog "Compose"
* *
@ -1696,6 +1701,18 @@ div#displayToolbar-menulist img {
height: 484px; height: 484px;
overflow: auto; 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_subscription_header,
.mail_folder_management_header { .mail_folder_management_header {
font-weight: bold; font-weight: bold;

View File

@ -287,8 +287,9 @@ body {
// color - selected tree item // 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 /*new mail in FOlder
span.standartTreeRow b {color: @egw_color_2_a;} 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 } // #mail-subscribe