Change styles for toolbar

This commit is contained in:
Julia Radzhabova 2020-12-22 14:45:08 +03:00
parent 014e07fe03
commit 1474c14019
8 changed files with 22 additions and 22 deletions

View file

@ -179,7 +179,7 @@
&.x-huge { &.x-huge {
@icon-size: 28px; @icon-size: 28px;
min-width: 45px; min-width: 35px;
height: @x-huge-btn-height; height: @x-huge-btn-height;
img { img {

View file

@ -199,11 +199,11 @@
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
white-space: nowrap; white-space: nowrap;
padding-left: 12px; padding-left: 6px;
font-size: 0; font-size: 0;
&:last-child { &:last-child {
padding-right: 12px; padding-right: 6px;
} }
} }
@ -217,7 +217,7 @@
} }
.separator { .separator {
margin-left: 12px; margin-left: 6px;
&.close { &.close {
margin-left: 5px; margin-left: 5px;

View file

@ -30,7 +30,7 @@
<section class="box-panels"> <section class="box-panels">
<section class="panel" data-tab="home"> <section class="panel" data-tab="home">
<div class="group"> <div class="group">
<div class="elset" style="width:260px;"> <div class="elset" style="width:208px;">
<span class="btn-slot" id="slot-field-fontname"></span> <span class="btn-slot" id="slot-field-fontname"></span>
<span class="btn-slot" id="slot-field-fontsize"></span> <span class="btn-slot" id="slot-field-fontsize"></span>
<span class="btn-slot" id="slot-btn-incfont"></span> <span class="btn-slot" id="slot-btn-incfont"></span>
@ -45,10 +45,9 @@
<span class="btn-slot" id="slot-btn-subscript"></span> <span class="btn-slot" id="slot-btn-subscript"></span>
<span class="btn-slot split" id="slot-btn-highlight"></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-fontcolor"></span>
<span class="btn-slot split" id="slot-btn-paracolor"></span>
</div> </div>
</div> </div>
<div class="separator long" style="margin-left: 5px;"></div> <div class="separator long"></div>
<div class="group"> <div class="group">
<div class="elset"> <div class="elset">
<span class="btn-slot split" id="slot-btn-markers"></span> <span class="btn-slot split" id="slot-btn-markers"></span>
@ -64,9 +63,10 @@
<span class="btn-slot split" id="slot-btn-align-right"></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 split" id="slot-btn-align-just"></span>
<span class="btn-slot split" id="slot-btn-hidenchars"></span> <span class="btn-slot split" id="slot-btn-hidenchars"></span>
<span class="btn-slot split" id="slot-btn-paracolor"></span>
</div> </div>
</div> </div>
<div class="separator long" style="margin-left: 5px;"></div> <div class="separator long"></div>
<div class="group"> <div class="group">
<div class="elset"> <div class="elset">
<span class="btn-slot split" id="slot-btn-clearstyle"></span> <span class="btn-slot split" id="slot-btn-clearstyle"></span>

View file

@ -13,7 +13,7 @@
.font-attr { .font-attr {
> .btn-slot:not(:last-child):not(.split) { > .btn-slot:not(:last-child):not(.split) {
margin-right: 6px; margin-right: 4px;
} }
> .btn-slot:not(:last-child).split { > .btn-slot:not(:last-child).split {
@ -217,7 +217,7 @@
#slot-field-fontname { #slot-field-fontname {
float: left; float: left;
width: 158px; width: 117px;
} }
#slot-field-fontsize { #slot-field-fontsize {

View file

@ -43,9 +43,9 @@
</div> </div>
<div class="separator long"></div> <div class="separator long"></div>
<div class="group"> <div class="group">
<div class="elset" style="width:207px;"> <div class="elset" style="width:175px;">
<span class="btn-slot" style="float: left; width: 115px;" id="slot-field-fontname"></span> <span class="btn-slot" style="float: left; width: 89px;" id="slot-field-fontname"></span>
<span class="btn-slot" style="float: left; width: 45px; margin-left: 2px;" id="slot-field-fontsize"></span> <span class="btn-slot" style="float: left; width: 40px; margin-left: 2px;" id="slot-field-fontsize"></span>
<span class="btn-slot" id="slot-btn-incfont"></span> <span class="btn-slot" id="slot-btn-incfont"></span>
<span class="btn-slot" id="slot-btn-decfont"></span> <span class="btn-slot" id="slot-btn-decfont"></span>
</div> </div>
@ -65,7 +65,7 @@
<span class="btn-slot split" id="slot-btn-markers"></span> <span class="btn-slot split" id="slot-btn-markers"></span>
<span class="btn-slot split" id="slot-btn-numbering"></span> <span class="btn-slot split" id="slot-btn-numbering"></span>
<span class="btn-slot split" id="slot-btn-decoffset"></span> <span class="btn-slot split" id="slot-btn-decoffset"></span>
<span class="btn-slot split" id="slot-btn-incoffset"></span> <span class="btn-slot" id="slot-btn-incoffset"></span>
</div> </div>
<div class="elset"> <div class="elset">
<span class="btn-slot split" id="slot-btn-halign"></span> <span class="btn-slot split" id="slot-btn-halign"></span>
@ -73,7 +73,7 @@
<span class="btn-slot split" id="slot-btn-linespace"></span> <span class="btn-slot split" id="slot-btn-linespace"></span>
</div> </div>
</div> </div>
<div class="separator long close"></div> <div class="separator long"></div>
<div class="group"> <div class="group">
<span class="btn-slot text x-huge slot-instext"></span> <span class="btn-slot text x-huge slot-instext"></span>
<span class="btn-slot text x-huge slot-insertimg"></span> <span class="btn-slot text x-huge slot-insertimg"></span>

View file

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

View file

@ -18,12 +18,12 @@
<span class="btn-slot split" id="slot-btn-formula"></span> <span class="btn-slot split" id="slot-btn-formula"></span>
</div> </div>
</div> </div>
<div class="separator short" style="margin-left: 5px;"></div> <div class="separator short"></div>
<div class="group"> <div class="group">
<div class="elset"> <div class="elset">
<span class="btn-slot split" id="slot-btn-digit-dec"></span> <span class="btn-slot split" id="slot-btn-digit-dec"></span>
<span class="btn-slot split" id="slot-btn-digit-inc"></span> <span class="btn-slot split" id="slot-btn-digit-inc"></span>
<span class="btn-slot" id="slot-btn-format" style="width: 84px; margin-left: 10px; vertical-align: middle;"></span> <span class="btn-slot" id="slot-btn-format" style="width: 84px; vertical-align: middle;"></span>
</div> </div>
</div> </div>
<div class="separator short"></div> <div class="separator short"></div>

View file

@ -17,16 +17,16 @@
.font-attr { .font-attr {
> .btn-slot:not(:last-child):not(.split) { > .btn-slot:not(:last-child):not(.split) {
margin-right: 6px; margin-right: 2px;
} }
> .btn-slot.split:not(:last-child) { > .btn-slot.split:not(:last-child) {
margin-right: 5px; margin-right: 2px;
} }
} }
.font-attr-top { .font-attr-top {
width: 243px; width: 218px;
> .btn-slot { > .btn-slot {
float: left; float: left;
@ -149,7 +149,7 @@
} }
#slot-field-fontname { #slot-field-fontname {
width: 148px; width: 127px;
} }
#slot-field-fontsize { #slot-field-fontsize {