Skip to content

Commit

Permalink
Match height of font range control with the size select. (#11555)
Browse files Browse the repository at this point in the history
* Match height of font range control with the size select.

This also aligns the range up/down controls to the right side of the input.

* update font range control inline docs

* update with master

* bring up to date with master branch

* wider range number controls to account for OS specific input spinners.

* Use the same height as our other number inputs.

* wider number inputs to account for OS specific spinners.

* Revert "wider range number controls to account for OS specific input spinners."

This reverts commit d26c659.

* make number input styles more consistent across components

* refresh with upstream

* smaller changes
  • Loading branch information
m-e-h authored and kjellr committed Feb 19, 2019
1 parent 8e18caf commit 929afdd
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 4 deletions.
3 changes: 1 addition & 2 deletions packages/components/src/font-size-picker/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,7 @@

// Apply the same height as the isSmall Reset button.
.components-range-control__number {
height: 24px;
line-height: 22px;
height: 30px;
margin-left: 0;

// Show the reset button as disabled until a value is entered.
Expand Down
3 changes: 1 addition & 2 deletions packages/components/src/range-control/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,5 @@
display: inline-block;
margin-left: $grid-size;
font-weight: 500;
width: 50px;
padding: 3px 5px !important;
width: 54px;
}
5 changes: 5 additions & 0 deletions packages/edit-post/src/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -188,6 +188,11 @@ body.block-editor-page {
}
}

input[type="number"] {
padding-left: 4px;
padding-right: 4px;
}

select {
padding: 2px;

Expand Down

0 comments on commit 929afdd

Please sign in to comment.