projects
/
oweals
/
peertube.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge from upstream
[oweals/peertube.git]
/
client
/
src
/
app
/
shared
/
video
/
video-miniature.component.scss
diff --git
a/client/src/app/shared/video/video-miniature.component.scss
b/client/src/app/shared/video/video-miniature.component.scss
index 49ba1e51cb936a2054e3c5a76e50e9628899755b..895879adc5311ce210c734dbc8af78046f29081f 100644
(file)
--- a/
client/src/app/shared/video/video-miniature.component.scss
+++ b/
client/src/app/shared/video/video-miniature.component.scss
@@
-14,15
+14,17
@@
line-height: normal;
.video-miniature-name {
line-height: normal;
.video-miniature-name {
- display: block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-
font-weight: bold
;
+ @include ellipsis-multiline(
+ $font-size: 1rem,
+ $line-height: 1,
+ $lines-to-show: 2
+
)
;
transition: color 0.2s;
font-size: 16px;
font-weight: $font-semibold;
transition: color 0.2s;
font-size: 16px;
font-weight: $font-semibold;
- color: #000;
+ color: var(--mainForegroundColor);
+ margin-top: 5px;
+ margin-bottom: 5px;
&:hover {
text-decoration: none;
&:hover {
text-decoration: none;
@@
-39,9
+41,20
@@
font-size: 13px;
}
font-size: 13px;
}
- .video-miniature-account {
+ .video-miniature-account,
+ .video-miniature-channel {
+ @include disable-default-a-behaviour;
+
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
font-size: 13px;
color: #585858;
font-size: 13px;
color: #585858;
+
+ &:hover {
+ color: #303030;
+ }
}
}
}
}
}
}