Skip to content

Commit

Permalink
fix box-sizing of editors
Browse files Browse the repository at this point in the history
In modern Chrome textareas (in edit mode) get additional padding of ~2px. Before this commit, with default box-sizing and `width: 100%` of both inputs and textareas in the edit mode those are of different total width and look ugly. Setting `box-sizing` to `border-box` fixes the problem.
  • Loading branch information
YakovL committed Apr 12, 2018
1 parent c274311 commit 79c1fd0
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion shadows/StyleSheetLayout.tid
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ table.listView th, table.listView td, table.listView tr {padding:0 3px 0 3px;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editor input, .editor textarea {display:block; width:100%; box-sizing: border-box; font:inherit;}
.editorFooter {padding:0.25em 0; font-size:.9em;}
.editorFooter .button {padding-top:0; padding-bottom:0;}

Expand Down

0 comments on commit 79c1fd0

Please sign in to comment.