diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-12 10:42:46 +0100 |
|---|---|---|
| committer | Chocobozzz <chocobozzz@cpy.re> | 2019-12-13 09:13:43 +0100 |
| commit | 1ae3f52a1601c6e54bd5d8239e9f32dac4063fe3 (patch) | |
| tree | d8722d20c9c5f6c78522265cde100e96f2ac34bb /client/src/app/header/header.component.scss | |
| parent | 88a7f93f8e5666f44121a2e3cf9d33d74c472aa7 (diff) | |
| download | PeerTube-1ae3f52a1601c6e54bd5d8239e9f32dac4063fe3.tar.gz PeerTube-1ae3f52a1601c6e54bd5d8239e9f32dac4063fe3.tar.zst PeerTube-1ae3f52a1601c6e54bd5d8239e9f32dac4063fe3.zip | |
search bar shadow on focus
Diffstat (limited to 'client/src/app/header/header.component.scss')
| -rw-r--r-- | client/src/app/header/header.component.scss | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss index cea415d9b..736035b72 100644 --- a/client/src/app/header/header.component.scss +++ b/client/src/app/header/header.component.scss | |||
| @@ -8,6 +8,16 @@ | |||
| 8 | padding-right: 40px; // For the search icon | 8 | padding-right: 40px; // For the search icon |
| 9 | font-size: 14px; | 9 | font-size: 14px; |
| 10 | 10 | ||
| 11 | transition: box-shadow .3s ease; | ||
| 12 | |||
| 13 | /* light border style */ | ||
| 14 | border: 1px solid var(--mainBackgroundColor); | ||
| 15 | box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; | ||
| 16 | |||
| 17 | &:focus { | ||
| 18 | box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px 0px; | ||
| 19 | } | ||
| 20 | |||
| 11 | &::placeholder { | 21 | &::placeholder { |
| 12 | color: var(--inputPlaceholderColor); | 22 | color: var(--inputPlaceholderColor); |
| 13 | } | 23 | } |