mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
45 lines
866 B
SCSS
45 lines
866 B
SCSS
/**
|
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
|
*/
|
|
|
|
.Input.SearchInput {
|
|
--compact-focus-width: 190px;
|
|
--spacing: 6px 6px 6px 10px;
|
|
|
|
max-width: 900px;
|
|
min-width: 220px;
|
|
|
|
> label {
|
|
color: inherit;
|
|
background: none;
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
box-shadow: 0 0 0 1px var(--halfGray);
|
|
padding: var(--spacing);
|
|
|
|
.Icon {
|
|
height: calc(var(--margin) * 2);
|
|
width: calc(var(--margin) * 2);
|
|
}
|
|
}
|
|
|
|
&.compact {
|
|
min-width: 0;
|
|
|
|
.input {
|
|
transition: width 150ms;
|
|
|
|
&:placeholder-shown:not(:focus) {
|
|
transition-duration: 100ms;
|
|
width: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
&:focus, &:not(:placeholder-shown) {
|
|
width: var(--compact-focus-width);
|
|
}
|
|
}
|
|
}
|
|
}
|