Fix tags box editable font and alignment on Windows and Linux
This commit is contained in:
parent
b0eb048bce
commit
24a3a38c51
7 changed files with 13 additions and 1 deletions
|
@ -1,6 +1,5 @@
|
|||
input.editable-control {
|
||||
flex: 1 1 auto; // Stretch within react-autosuggest__container
|
||||
margin-left: -3px;
|
||||
padding: 2px 1px;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
|
|
@ -83,6 +83,7 @@
|
|||
|
||||
input.editable-control {
|
||||
width: 100px; // Dummy value that somehow prevents field from going off screen at large font size
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
textarea.editable-control {
|
||||
|
|
3
scss/linux/_editable.scss
Normal file
3
scss/linux/_editable.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
input.editable-control {
|
||||
margin-left: -8px;
|
||||
}
|
3
scss/linux/_tagsBox.scss
Normal file
3
scss/linux/_tagsBox.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
.tags-box li img {
|
||||
margin-right: 1px;
|
||||
}
|
3
scss/mac/_editable.scss
Normal file
3
scss/mac/_editable.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
input.editable-control {
|
||||
margin-left: -3px;
|
||||
}
|
|
@ -5,5 +5,6 @@
|
|||
// --------------------------------------------------
|
||||
|
||||
@import "mac/button";
|
||||
@import "mac/editable";
|
||||
@import "mac/search";
|
||||
@import "mac/tag-selector";
|
||||
|
|
|
@ -4,4 +4,6 @@
|
|||
// Linux specific
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "linux/editable";
|
||||
@import "linux/search";
|
||||
@import "linux/tagsBox";
|
||||
|
|
Loading…
Reference in a new issue