interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

soft border-radius for search typeahead suggestions

This commit is contained in:
Rigel Kent 2020-06-18 12:10:20 +02:00
parent 26d6bf6533
commit 6567e5a796
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/app/header/search-typeahead.component.scss
View File

@ -38,11 +38,17 @@
#typeahead-instructions, #typeahead-instructions,
li.suggestion { li.suggestion {
border: 1px solid pvar(--mainBackgroundColor); border: 1px solid pvar(--mainBackgroundColor);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background: pvar(--mainBackgroundColor); background: pvar(--mainBackgroundColor);
transition: .3s ease; transition: .3s ease;
transition-property: box-shadow; transition-property: box-shadow;
// soft border-radius for the last suggestion and the link inside
&:last-of-type {
&, & ::ng-deep a {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
}
} }
#typeahead-help, #typeahead-help,