Fix tags box editable font and alignment on Windows and Linux

This commit is contained in:
Dan Stillman 2019-11-12 01:39:14 -05:00
parent b0eb048bce
commit 24a3a38c51
7 changed files with 13 additions and 1 deletions

View file

@ -1,6 +1,5 @@
input.editable-control { input.editable-control {
flex: 1 1 auto; // Stretch within react-autosuggest__container flex: 1 1 auto; // Stretch within react-autosuggest__container
margin-left: -3px;
padding: 2px 1px; padding: 2px 1px;
font-size: inherit; font-size: inherit;
} }

View file

@ -83,6 +83,7 @@
input.editable-control { input.editable-control {
width: 100px; // Dummy value that somehow prevents field from going off screen at large font size width: 100px; // Dummy value that somehow prevents field from going off screen at large font size
font-family: inherit;
} }
textarea.editable-control { textarea.editable-control {

View file

@ -0,0 +1,3 @@
input.editable-control {
margin-left: -8px;
}

3
scss/linux/_tagsBox.scss Normal file
View file

@ -0,0 +1,3 @@
.tags-box li img {
margin-right: 1px;
}

3
scss/mac/_editable.scss Normal file
View file

@ -0,0 +1,3 @@
input.editable-control {
margin-left: -3px;
}

View file

@ -5,5 +5,6 @@
// -------------------------------------------------- // --------------------------------------------------
@import "mac/button"; @import "mac/button";
@import "mac/editable";
@import "mac/search"; @import "mac/search";
@import "mac/tag-selector"; @import "mac/tag-selector";

View file

@ -4,4 +4,6 @@
// Linux specific // Linux specific
// -------------------------------------------------- // --------------------------------------------------
@import "linux/editable";
@import "linux/search"; @import "linux/search";
@import "linux/tagsBox";