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

Fix long search tags (https://github.com/woocommerce/woocommerce-admin/pull/1597) 

* Fix long search tags

* Remove spaces from css calc expression

Co-Authored-By: joshuatf <joshuatf@gmail.com>

* Fix overflowing autocomplete search
This commit is contained in:
Joshua T Flowers 2019-02-20 09:40:21 +08:00 committed by GitHub
parent 44604bcd02
commit 0ef2dc27f4
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,11 @@
.woocommerce-search {
position: relative;
min-width: 0;
>div {
min-width: 0;
}
.woocommerce-search__icon {
position: absolute;
@ -10,6 +15,14 @@
fill: $core-grey-light-900;
}
.woocommerce-tag {
max-width: 100%;
}
.woocommerce-tag .woocommerce-tag__text {
max-width: calc(100% - 24px);
}
&:not(.has-inline-tags) {
.woocommerce-tag {
margin: 8px 6px 0 0;
@ -25,7 +38,7 @@
.woocommerce-search__inline-container {
width: 100%;
padding: 4px 2px 4px 36px;
padding: 4px 36px 4px;
border: 1px solid $core-grey-light-700;
background-color: $white;
display: flex;
@ -38,6 +51,7 @@
}
.woocommerce-search__token-list {
max-width: 100%;
display: inline-block;
padding: 1px 0;
}