Skip to content

Commit

Permalink
fix(numberinput): fix vertical alignment
Browse files Browse the repository at this point in the history
fix vertical alignment in safari - add class to numberinput container
  • Loading branch information
byjs-dev committed May 21, 2019
1 parent 5e3f93a commit 63ea095
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 1 deletion.
1 change: 1 addition & 0 deletions src/base_bundle_entry.scss
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ $include-typography: true !default;
@import './elements/tag/tag';
@import './elements/checkbox/checkbox';
@import './elements/input/input';
@import './elements/numberinput/numberinput';
@import './elements/list/list';
@import './elements/radio/radio';
@import './elements/table/table';
Expand Down
2 changes: 1 addition & 1 deletion src/elements/numberinput/NumberInputPage.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ function NumberInputPage() {
{theme.map(elem => (
<div
key={`key-${elem}`}
className={`theme-${elem}`}
className={`theme-${elem} zep-numberinput`}
style={{ marginBottom: 15 }}
data-zep-type="number-input"
data-zep-init="true"
Expand Down
11 changes: 11 additions & 0 deletions src/elements/numberinput/_numberinput.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
@mixin numberinput {
.#{$prefix}numberinput {
> * {
vertical-align: middle;
}
}
}

@include exports('numberinput') {
@include numberinput;
}

0 comments on commit 63ea095

Please sign in to comment.