StardewValley
/
jsoneditor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix styling of rows, and fields with long text

This commit is contained in:
josdejong 2020-05-05 12:09:50 +02:00
parent 375a268531
commit ed263726dc
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/JSONNode.svelte
View File

@ -264,8 +264,9 @@
.header, .header,
.contents { .contents {
display: inline-flex; display: table;
flex-direction: row; flex-direction: row;
line-height: $line-height; line-height: $line-height;
} }
@ -295,7 +296,7 @@
.key, .key,
.value { .value {
display: flex; display: table-cell;
line-height: $line-height; line-height: $line-height;
min-width: 16px; min-width: 16px;
@ -303,7 +304,7 @@
padding: 0 $input-padding; padding: 0 $input-padding;
outline: none; outline: none;
border-radius: 1px; border-radius: 1px;
vertical-align: middle; vertical-align: top;
&:focus { &:focus {
box-shadow: 0 0 3px 1px #008fd5; box-shadow: 0 0 3px 1px #008fd5;
@ -311,15 +312,16 @@
} }
} }
// FIXME: there is whitespace added around the separator in the HTML
.separator, .separator,
.delimiter { .delimiter {
display: flex; display: table-cell;
vertical-align: middle; vertical-align: top;
color: $gray; color: $gray;
} }
.tag { .tag {
display: table-cell;
vertical-align: top;
border: none; border: none;
font-size: $font-size-small; font-size: $font-size-small;
font-family: $font-family-menu; font-family: $font-family-menu;