IntenseWebs/PeerTube
3
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

search bar shadow on focus

Browse Source
This commit is contained in:
Rigel Kent 2019-12-12 10:42:46 +01:00 committed by Chocobozzz
parent 88a7f93f8e
commit 1ae3f52a16
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/app/header/header.component.scss
View File

@ -8,6 +8,16 @@
padding-right: 40px; // For the search icon
font-size: 14px;
transition: box-shadow .3s ease;
/* light border style */
border: 1px solid var(--mainBackgroundColor);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
&:focus {
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px 0px;
}
&::placeholder {
color: var(--inputPlaceholderColor);
}