Skip to content
Snippets Groups Projects
Commit 005bf9d4 authored by Kevin Paxman's avatar Kevin Paxman
Browse files

Merge branch 'feature/ISTWCMS-7289-m26lebla-fix-safari-focus-trap-in-website-header' into '1.1.x'

ISTWCMS-7289 Add css to put select's wrapping element in flow

See merge request !274
parents e8f8491d bb98cbc4
No related branches found
No related tags found
1 merge request!274ISTWCMS-7289 Add css to put select's wrapping element in flow
......@@ -44,7 +44,9 @@
height: inherit;
width: inherit;
}
label[for="uw-search"] {
display: block;
}
.option {
display: inherit;
font-family: inherit;
......
......@@ -195,7 +195,9 @@
}
}
}
.form-item-search-type {
width:0;
}
.uw-input--search {
background-color: var(--uw-black);
border: 1px solid var(--uw-white);
......@@ -275,8 +277,6 @@
color: var(--uw-black);
}
@media(min-width: $screen-md) {
display: none;
opacity: 0;
overflow: hidden;
padding: 0;
transition: opacity 0.5s ease;
......@@ -425,6 +425,9 @@
&:focus-within {
@media(min-width: $screen-md) {
.form-item-search-type {
width:auto;
}
.uw-input--search {
transition: width 0.3s ease;
width: 8rem;
......@@ -454,7 +457,6 @@
padding-left: var(--size-1); // LTR
padding-right: 0;
width: var(--size-16);
&:hover,
&:focus {
background-color: var(--uw-white);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment