projects
/
oweals
/
peertube.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
`fitWidth` for `video-miniature`, fluid grid (#2830)
[oweals/peertube.git]
/
client
/
src
/
app
/
header
/
search-typeahead.component.scss
diff --git
a/client/src/app/header/search-typeahead.component.scss
b/client/src/app/header/search-typeahead.component.scss
index a55e78326694e666ced390d422bb04ac2a0e5101..0a30ebd552311561d18f38901615e46ba733e625 100644
(file)
--- a/
client/src/app/header/search-typeahead.component.scss
+++ b/
client/src/app/header/search-typeahead.component.scss
@@
-10,7
+10,7
@@
font-size: 14px;
&::placeholder {
font-size: 14px;
&::placeholder {
- color: var(--inputPlaceholderColor);
+ color:
p
var(--inputPlaceholderColor);
}
}
}
}
@@
-18,7
+18,7
@@
@include icon(25px);
height: 21px;
@include icon(25px);
height: 21px;
- background-color: var(--mainForegroundColor);
+ background-color:
p
var(--mainForegroundColor);
mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%;
// yolo
mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%;
// yolo
@@
-30,17
+30,17
@@
.jump-to-suggestions {
top: 100%;
left: 0;
.jump-to-suggestions {
top: 100%;
left: 0;
- z-index:
35
;
+ z-index:
z(typeahead)
;
width: 100%;
}
#typeahead-help,
#typeahead-instructions,
my-suggestions ::ng-deep ul {
width: 100%;
}
#typeahead-help,
#typeahead-instructions,
my-suggestions ::ng-deep ul {
- border: 1px solid var(--mainBackgroundColor);
+ border: 1px solid
p
var(--mainBackgroundColor);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- background: var(--mainBackgroundColor);
+ background:
p
var(--mainBackgroundColor);
transition: .3s ease;
transition-property: box-shadow;
}
transition: .3s ease;
transition-property: box-shadow;
}
@@
-67,7
+67,7
@@
my-suggestions ::ng-deep ul {
#typeahead-container {
input {
#typeahead-container {
input {
- border: 1px solid var(--mainBackgroundColor) !important;
+ border: 1px solid
p
var(--mainBackgroundColor) !important;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
flex-grow: 1;
transition: box-shadow .3s ease, width .2s ease;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
flex-grow: 1;
transition: box-shadow .3s ease, width .2s ease;