Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix table search position in small viewports (https://github.com/woocommerce/woocommerce-admin/pull/1646)

This commit is contained in:
Albert Juhé Lluveras 2019-02-20 20:44:12 +01:00 committed by GitHub
parent 1488a55b7c
commit 00ff9fa8b5
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
plugins/woocommerce-admin/packages/components/src/search/index.js
View File

@ -197,6 +197,7 @@ class Search extends Component {
<div
className={ classnames( 'woocommerce-search__inline-container', {
'is-active': isActive,
'has-tags': inlineTags && shouldRenderTags,
} ) }
onClick={ () => {
this.input.current.focus();

7
plugins/woocommerce-admin/packages/components/src/search/style.scss
View File

@ -38,7 +38,7 @@
.woocommerce-search__inline-container {
width: 100%;
padding: 4px 36px 4px;
padding: 4px 2px 4px 36px;
border: 1px solid $core-grey-light-700;
background-color: $white;
display: flex;
@ -50,6 +50,10 @@
box-shadow: inset 0 0 0 $input-active-inner, 0 0 1px 2px $input-active-outer;
}
&.has-tags {
padding-right: 36px;
}
.woocommerce-search__token-list {
max-width: 100%;
display: inline-block;
@ -64,6 +68,7 @@
box-shadow: none;
padding: 2px 0;
line-height: 20px;
max-width: 100%;
min-width: 70px;
font-size: inherit;
vertical-align: middle;