github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

Color editor: spacing tweaks (#9813)

Browse source 
* Removing horizontal rule as it doesn't appear to break visual flow IMO

Formats other than "Color" on this page (e.g. "Url", "Bytes", etc.) seem to use the horizontal rule to separate their editor fields from samples. Since the Color editor does not seem to have samples, the horizontal rule seems out-of-place for this particular format.

* Bringing the "x" button vertically in line with the editor labels

* Adjusting some vertical margins to improve (IMO) spacing

* Removing unnecessary rule
This commit is contained in:
Shaunak Kashyap 2017-01-10 18:23:12 -08:00
parent 1c5f416494
commit 6020d157ee
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/ui/public/stringify/editors/color.html
View file

@ -42,7 +42,6 @@
</div>
</div>
<hr>
</div>
<button aria-label="Add Color" ng-click="addColor()" tooltip="Add Color" tooltip-append-to-body="true" type="button" class="btn btn-primary btn-xs">

3
src/ui/public/stringify/editors/color.less
View file

@ -1,9 +1,11 @@
.editor-color {
margin-top: 5px;
display: flex;
position: relative;
> .form-group {
flex: 1 1 1%;
padding-right: 5px;
margin-bottom: 10px;
&:last-child {
padding-right: 0;
}
@ -13,5 +15,4 @@
.editor-color-remove {
position: absolute;
right: 0;
top: -10px;
}