banananetwork
/
roundcubemail
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Various fixes for pretty checkboxes in lists

Browse Source
pull/5742/merge
Aleksander Machniak 7 years ago
parent 575b8c2cc5
commit f0cf2b1e6c
5 changed files with 44 additions and 35 deletions
Show Stats Download Patch File Download Diff File

4
skins/elastic/styles/widgets/common.less
Unescape Escape View File

@ -422,12 +422,11 @@ table.table {
text-align: center;
input.icon-checkbox + label {
display: inline-block;
padding: 0;
&:before {
line-height: 1;
height: 1rem;
height: 1em;
}
}
}
@ -480,6 +479,7 @@ table.table {
label {
margin: 0;
display: inline;
}
fieldset.tab-pane & thead th {

4
skins/elastic/styles/widgets/forms.less
Unescape Escape View File

@ -562,7 +562,7 @@ ul.proplist {
label {
margin: 0;
height: @listing-line-height;
line-height: @listing-line-height;
input {
margin-right: .5rem;
@ -572,7 +572,6 @@ ul.proplist {
input {
vertical-align: middle;
height: @listing-line-height !important;
}
select {
@ -874,6 +873,7 @@ html.touch .popupmenu.form {
input.icon-checkbox {
opacity: 0;
margin-left: -1.5em;
cursor: pointer;
& + label {
margin: 0;

47
skins/elastic/styles/widgets/toolbar.less
Unescape Escape View File

@ -415,19 +415,16 @@
&.checkbox > label {
margin: 0;
padding: 0 .5rem 0 2.25rem;
width: 100%;
position: relative;
input.icon-checkbox + label {
left: 0;
margin: 0 .5rem;
font-size: 1rem;
}
input.icon-checkbox {
right: auto;
&:hover {
color: @color-toolbarmenu-hover;
background-color: @color-toolbarmenu-hover-background;
& + label {
left: 0;
margin: 0 .2em 0 .35em;
font-size: 1.1rem;
}
}
}
@ -436,11 +433,6 @@
&.active {
opacity: 1;
&:hover {
color: @color-toolbarmenu-hover;
background-color: @color-toolbarmenu-hover-background;
}
}
}
@ -580,6 +572,21 @@
}
}
.toolbarmenu.listing li {
&.checkbox > label {
padding: 0 .5rem 0 2.5em;
}
&:hover {
&.checkbox > label,
input.icon-checkbox + label:before,
a.active {
color: @color-toolbarmenu-hover;
background-color: @color-toolbarmenu-hover-background;
}
}
}
#layout > .sidebar > .header,
#layout > .list > .header {
span.inner {
@ -598,13 +605,15 @@ html.touch {
font-size: 1.2rem;
}
.toolbarmenu li {
.toolbarmenu.listing li {
&.checkbox > label {
padding: 0 .5rem 0 2.75rem;
}
}
input.icon-checkbox + label {
font-size: 1.3rem;
}
.toolbarmenu li {
input.icon-checkbox + label {
font-size: 1.3rem;
}
}
}

10
skins/elastic/templates/addressbook.html
Unescape Escape View File

@ -113,11 +113,11 @@
<div id="search-menu" class="popupmenu form" data-editable="true" data-popup-init="searchmenu">
<h3 id="aria-label-search-menu" class="voice"><roundcube:label name="searchmod" /></h3>
<ul class="toolbarmenu" role="menu" aria-labelledby="aria-label-search-menu">
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="name" id="s_mod_name" /> <span><roundcube:label name="name" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="firstname" id="s_mod_firstname" /> <span><roundcube:label name="firstname" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="surname" id="s_mod_surname" /> <span><roundcube:label name="surname" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="email" id="s_mod_email" /> <span><roundcube:label name="email" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="*" id="s_mod_all" /> <span><roundcube:label name="allfields" /></span></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="name" id="s_mod_name" /><roundcube:label name="name" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="firstname" id="s_mod_firstname" /><roundcube:label name="firstname" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="surname" id="s_mod_surname" /><roundcube:label name="surname" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="email" id="s_mod_email" /><roundcube:label name="email" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="*" id="s_mod_all" /><roundcube:label name="allfields" /></label></li>
</ul>
<div class="buttons"><button class="btn btn-primary icon search" href="#" onclick="if (rcmail.command('search')) UI.menu_hide('search-menu')"><roundcube:label name="search" /></button></div>
</div>

14
skins/elastic/templates/mail.html
Unescape Escape View File

@ -84,13 +84,13 @@
<div id="search-menu" class="popupmenu form" data-editable="true" data-popup-init="searchmenu">
<h3 id="aria-label-search-menu" class="voice"><roundcube:label name="searchmod" /></h3>
<ul class="toolbarmenu" role="menu" aria-labelledby="aria-label-search-menu">
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="subject" id="s_mod_subject" /> <span><roundcube:label name="subject" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="from" id="s_mod_from" /> <span><roundcube:label name="from" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="to" id="s_mod_to" /> <span><roundcube:label name="to" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="cc" id="s_mod_cc" /> <span><roundcube:label name="cc" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="bcc" id="s_mod_bcc" /> <span><roundcube:label name="bcc" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="body" id="s_mod_body" /> <span><roundcube:label name="body" /></span></label></li>
<li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="text" id="s_mod_text" /> <span><roundcube:label name="msgtext" /></span></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="subject" id="s_mod_subject" /><roundcube:label name="subject" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="from" id="s_mod_from" /><roundcube:label name="from" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="to" id="s_mod_to" /><roundcube:label name="to" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="cc" id="s_mod_cc" /><roundcube:label name="cc" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="bcc" id="s_mod_bcc" /><roundcube:label name="bcc" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="body" id="s_mod_body" /><roundcube:label name="body" /></label></li>
<li role="menuitem" class="checkbox"><label><input type="checkbox" name="s_mods[]" value="text" id="s_mod_text" /><roundcube:label name="msgtext" /></label></li>
<li role="separator" class="separator"><label><roundcube:label name="date" /></label></li>
<li role="menuitem"><roundcube:object name="searchinterval" id="s_interval" onchange="rcmail.set_searchinterval($(this).val())" /></li>
<li role="separator" class="separator"><label><roundcube:label name="searchscope" /></label></li>

Write Preview
Loading…
Cancel
Save