Skip to content
This repository was archived by the owner on Dec 11, 2019. It is now read-only.

Commit

Permalink
Fix width of input element on New Bookmark Folder form
Browse files Browse the repository at this point in the history
Fix #5192

Both input elements on the New Bookmark Folder form have the following
CSS properties set:

 * width: 100%;
 * max-width: 250px;
 * padding: 0 5px;

The default value for box-sizing is content-box (see
https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing). This
causes the input field for the bookmark folder's title to be 100% +
5px + 5px (width + padding left + padding right) wide. However, the
padding is not applied to the select field for parent folder selection,
causing the field to be only 100% wide (without the padding).

Using border-box as value for the box-sizing attribute for both form
fields renders them at an equal width.
  • Loading branch information
stefankolb authored and Suguru Hirahara committed Dec 6, 2016
1 parent d3a6330 commit 94be03e
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions less/forms.less
Original file line number Diff line number Diff line change
Expand Up @@ -601,6 +601,7 @@

input,
select {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 250px;
Expand Down

0 comments on commit 94be03e

Please sign in to comment.