This is an automated email from the ASF dual-hosted git repository. humbedooh pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git
commit cbc214e768bbadcaf2971788cbc431bd006d51e5 Author: Daniel Gruno <[email protected]> AuthorDate: Sun Nov 21 23:38:19 2021 +0100 minor css tweaks for the display options tab --- webui/css/scaffolding.css | 12 +++++++++++- webui/list.html | 8 ++++---- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/webui/css/scaffolding.css b/webui/css/scaffolding.css index bf9875f..19aaaec 100644 --- a/webui/css/scaffolding.css +++ b/webui/css/scaffolding.css @@ -692,6 +692,16 @@ a.dropdown-toggle { background-color: white; } +#display_options_dropdown > div { + width: 45%; + float: left; + margin: 2%; +} + +#display_options_dropdown > div:first-child { + border-right: 2px solid #3333; +} + #preferences_ul { width: 160px; position: absolute; @@ -731,7 +741,7 @@ a.dropdown-toggle { height: 48px; } -@media only screen and (max-width: 440px) { +@media only screen and (max-width: 480px) { #preferences_ul #display_options_dropdown { width: 300px; position: absolute; diff --git a/webui/list.html b/webui/list.html index e6e0d5d..6bd6646 100644 --- a/webui/list.html +++ b/webui/list.html @@ -94,16 +94,16 @@ the License. --> <span class="caret"></span> </a> <div class="dropdown-menu" id="display_options_dropdown"> - <div style="width: 45%; display: inline-block; float: left; border-radius: 5px; border: 0.75px solid #3339; margin: 1%; padding: 1%;"> - <b>List display mode:</b><hr/> + <div> + <b>List display mode:</b><br/><br/> <input type="radio" id="display_mode_threaded" name="ui_threading" value="threaded" onchange="set_theme('threaded');"> <label for="display_mode_threaded">Threaded view</label><br/> <input type="radio" id="display_mode_flat" name="ui_threading" value="flat" onchange="set_theme('flat');"> <label for="display_mode_flat">Flat view</label><br/> <input type="radio" id="display_mode_treeview" name="ui_threading" value="treeview" onchange="set_theme('treeview');"> <label for="display_mode_treeview">Treeview</label><br/><br/> <input type="checkbox" id="display_mode_compact" name="ui_compact_list" value="compact" onchange="set_theme(G_current_listmode, this.checked);"> <label for="display_mode_compact">Compact layout</label><br/> </div> - <div style="width: 45%; display: inline-block; float: right; border-radius: 5px; border: 1px solid #3339; margin: 1%; padding: 1%;"> - <b>Email display mode:</b><hr/> + <div> + <b>Email display mode:</b><br/><br/> <input type="radio" id="email_mode_chatty" name="ui_emailmode" value="chatty" onchange="set_skin(true);"><label for="email_mode_chatty">Modern rendering</label><br/> <input type="radio" id="email_mode_plain" name="ui_emailmode" value="plain" onchange="set_skin(false);"><label for="email_mode_plain">Legacy rendering</label><br/>
