diff options
Diffstat (limited to 'webapp/src/app/@theme/components/search-input/search-input.component.scss')
-rw-r--r-- | webapp/src/app/@theme/components/search-input/search-input.component.scss | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/webapp/src/app/@theme/components/search-input/search-input.component.scss b/webapp/src/app/@theme/components/search-input/search-input.component.scss new file mode 100644 index 0000000..5ef07ef --- /dev/null +++ b/webapp/src/app/@theme/components/search-input/search-input.component.scss @@ -0,0 +1,33 @@ +:host { + display: flex; + align-items: center; + + i.control-icon { + &::before { + font-size: 2.3rem; + } + + &:hover { + cursor: pointer; + } + } + + input { + border: none; + outline: none; + margin-left: 1rem; + width: 15rem; + transition: width 0.2s ease; + + &.hidden { + width: 0; + margin: 0; + } + } + + /deep/ search-input { + input { + background: transparent; + } + } +} |