styles: adjusted distance between buttons

This commit is contained in:
Maxim Kadushkin 2017-07-04 17:24:15 +03:00
parent e97886cbdb
commit 1167d13814
6 changed files with 35 additions and 39 deletions

View file

@ -225,6 +225,10 @@
width: 22px;
height: 22px;
}
&.adding {
margin-right: 5px;
}
}
}

View file

@ -33,11 +33,11 @@
<div class="separator long"></div>
<div class="group">
<div class="elset">
<span class="btn-slot split" id="slot-btn-copy"></span>
<span class="btn-slot adding" id="slot-btn-copy"></span>
<span class="btn-slot" id="slot-btn-paste"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-undo"></span>
<span class="btn-slot adding" id="slot-btn-undo"></span>
<span class="btn-slot" id="slot-btn-redo"></span>
</div>
</div>
@ -59,9 +59,9 @@
<span class="btn-slot" id="slot-btn-strikeout"></span>
<span class="btn-slot" id="slot-btn-superscript"></span>
<span class="btn-slot" id="slot-btn-subscript"></span>
<span class="btn-slot" id="slot-btn-highlight"></span>
<span class="btn-slot" id="slot-btn-fontcolor"></span>
<span class="btn-slot" id="slot-btn-paracolor"></span>
<span class="btn-slot split" id="slot-btn-highlight"></span>
<span class="btn-slot split" id="slot-btn-fontcolor"></span>
<span class="btn-slot split" id="slot-btn-paracolor"></span>
</div>
</div>
<div class="separator long" style="margin-left: 5px;"></div>
@ -84,18 +84,12 @@
</div>
<div class="separator long" style="margin-left: 5px;"></div>
<div class="group">
<div class=elset">
<span class="btn-slot" id="slot-btn-clearstyle"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-copystyle"></span>
</div>
</div>
<div class="group">
<div class="toolbar-elset">
<span class="btn-slot adding" id="slot-btn-clearstyle"></span>
<span class="btn-slot split" id="slot-btn-colorschemas"></span>
</div>
<div class="elset">
<span class="btn-slot adding" id="slot-btn-copystyle"></span>
<span class="btn-slot" id="slot-btn-mailrecepients"></span>
</div>
</div>

View file

@ -20,8 +20,12 @@
}
.font-attr {
> .btn-slot:not(:last-child) {
margin-right: 8px;
> .btn-slot:not(:last-child):not(.split) {
margin-right: 6px;
}
> .btn-slot:not(:last-child).split {
margin-right: 2px;
}
}
}
@ -400,7 +404,7 @@
#slot-field-fontname {
float: left;
width: 165px;
width: 166px;
}
#slot-field-fontsize {

View file

@ -32,11 +32,11 @@
<div class="separator long"></div>
<div class="group">
<div class="elset">
<span class="btn-slot split" id="slot-btn-copy"></span>
<span class="btn-slot adding" id="slot-btn-copy"></span>
<span class="btn-slot" id="slot-btn-paste"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-undo"></span>
<span class="btn-slot adding" id="slot-btn-undo"></span>
<span class="btn-slot" id="slot-btn-redo"></span>
</div>
</div>
@ -103,17 +103,11 @@
<div class="separator long"></div>
<div class="group">
<div class="elset">
<span class="btn-slot" id="slot-btn-clearstyle"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-copystyle"></span>
</div>
</div>
<div class="group">
<div class="elset">
<span class="btn-slot adding" id="slot-btn-clearstyle"></span>
<span class="btn-slot split" id="slot-btn-colorschemas"></span>
</div>
<div class="elset">
<span class="btn-slot adding" id="slot-btn-copystyle"></span>
<span class="btn-slot split" id="slot-btn-slidesize"></span>
</div>
</div>

View file

@ -33,11 +33,11 @@
<div class="separator long"></div>
<div class="group">
<div class="elset">
<span class="btn-slot split" id="slot-btn-copy"></span>
<span class="btn-slot adding" id="slot-btn-copy"></span>
<span class="btn-slot" id="slot-btn-paste"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-undo"></span>
<span class="btn-slot adding" id="slot-btn-undo"></span>
<span class="btn-slot" id="slot-btn-redo"></span>
</div>
</div>
@ -64,17 +64,17 @@
<div class="separator long"></div>
<div class="group">
<div class="elset">
<span class="btn-slot split" id="slot-btn-top"></span>
<span class="btn-slot split" id="slot-btn-middle"></span>
<span class="btn-slot split" id="slot-btn-bottom"></span>
<span class="btn-slot split" id="slot-btn-wrap"></span>
<span class="btn-slot adding" id="slot-btn-top"></span>
<span class="btn-slot adding" id="slot-btn-middle"></span>
<span class="btn-slot adding" id="slot-btn-bottom"></span>
<span class="btn-slot adding" id="slot-btn-wrap"></span>
<span class="btn-slot split" id="slot-btn-text-orient"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-align-left"></span>
<span class="btn-slot split" id="slot-btn-align-center"></span>
<span class="btn-slot split" id="slot-btn-align-right"></span>
<span class="btn-slot split" id="slot-btn-align-just"></span>
<span class="btn-slot adding" id="slot-btn-align-left"></span>
<span class="btn-slot adding" id="slot-btn-align-center"></span>
<span class="btn-slot adding" id="slot-btn-align-right"></span>
<span class="btn-slot adding" id="slot-btn-align-just"></span>
<span class="btn-slot split" id="slot-btn-merge"></span>
</div>
</div>
@ -90,11 +90,11 @@
<div class="separator long"></div>
<div class="group">
<div class="elset">
<span class="btn-slot split" id="slot-btn-sortdesc"></span>
<span class="btn-slot adding" id="slot-btn-sortdesc"></span>
<span class="btn-slot" id="slot-btn-sortasc"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-setfilter"></span>
<span class="btn-slot adding" id="slot-btn-setfilter"></span>
<span class="btn-slot" id="slot-btn-clear-filter"></span>
</div>
</div>

View file

@ -21,7 +21,7 @@
.font-attr {
> .btn-slot:not(:last-child):not(.split) {
margin-right: 8px;
margin-right: 6px;
}
> .btn-slot.split:not(:last-child) {