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
/
videos
/
+video-watch
/
video-watch.component.scss
diff --git
a/client/src/app/videos/+video-watch/video-watch.component.scss
b/client/src/app/videos/+video-watch/video-watch.component.scss
index 431a2103905f9f33a3a95f69d2410eb8d4a060c1..8be0bab1d32404c952a426fcfce88ccbe848c3e5 100644
(file)
--- a/
client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/
client/src/app/videos/+video-watch/video-watch.component.scss
@@
-166,7
+166,7
@@
$video-info-margin-left: 44px;
a {
@include disable-default-a-behaviour;
a {
@include disable-default-a-behaviour;
- color: var(--mainForegroundColor);
+ color:
p
var(--mainForegroundColor);
&:hover {
opacity: 0.8;
&:hover {
opacity: 0.8;
@@
-225,7
+225,7
@@
$video-info-margin-left: 44px;
::ng-deep.action-button {
@include peertube-button;
@include button-with-icon(21px, 0, -1px);
::ng-deep.action-button {
@include peertube-button;
@include button-with-icon(21px, 0, -1px);
- @include apply-svg-color(var(--actionButtonColor));
+ @include apply-svg-color(
p
var(--actionButtonColor));
font-size: 100%;
font-weight: $font-semibold;
font-size: 100%;
font-weight: $font-semibold;
@@
-233,7
+233,7
@@
$video-info-margin-left: 44px;
padding: 0 10px 0 10px;
white-space: nowrap;
background-color: transparent !important;
padding: 0 10px 0 10px;
white-space: nowrap;
background-color: transparent !important;
- color: var(--actionButtonColor);
+ color:
p
var(--actionButtonColor);
text-transform: uppercase;
&::after {
text-transform: uppercase;
&::after {
@@
-255,36
+255,36
@@
$video-info-margin-left: 44px;
&.action-button-like.activated {
.count {
&.action-button-like.activated {
.count {
- color: var(--activatedActionButtonColor);
+ color:
p
var(--activatedActionButtonColor);
}
my-global-icon {
}
my-global-icon {
- @include apply-svg-color(var(--activatedActionButtonColor));
+ @include apply-svg-color(
p
var(--activatedActionButtonColor));
}
}
&.action-button-dislike.activated {
.count {
}
}
&.action-button-dislike.activated {
.count {
- color: var(--activatedActionButtonColor);
+ color:
p
var(--activatedActionButtonColor);
}
my-global-icon {
}
my-global-icon {
- @include apply-svg-color(var(--activatedActionButtonColor));
+ @include apply-svg-color(
p
var(--activatedActionButtonColor));
}
}
&.action-button-support {
}
}
&.action-button-support {
- color: var(--supportButtonColor);
+ color:
p
var(--supportButtonColor);
my-global-icon {
my-global-icon {
- @include apply-svg-color(var(--supportButtonColor));
+ @include apply-svg-color(
p
var(--supportButtonColor));
}
}
&.action-button-support {
my-global-icon {
::ng-deep path:first-child {
}
}
&.action-button-support {
my-global-icon {
::ng-deep path:first-child {
- fill: var(--supportButtonHeartColor) !important;
+ fill:
p
var(--supportButtonHeartColor) !important;
}
}
}
}
}
}
@@
-325,7
+325,7
@@
$video-info-margin-left: 44px;
background-color: #909090;
&.liked {
background-color: #909090;
&.liked {
- background-color: var(--activatedActionButtonColor);
+ background-color:
p
var(--activatedActionButtonColor);
}
}
}
}
}
}
@@
-356,7
+356,7
@@
$video-info-margin-left: 44px;
.video-info-description-more {
cursor: pointer;
font-weight: $font-semibold;
.video-info-description-more {
cursor: pointer;
font-weight: $font-semibold;
- color: var(--greyForegroundColor);
+ color:
p
var(--greyForegroundColor);
font-size: 14px;
.glyphicon {
font-size: 14px;
.glyphicon {
@@
-379,13
+379,13
@@
$video-info-margin-left: 44px;
min-width: 142px;
padding-right: 5px;
display: inline-block;
min-width: 142px;
padding-right: 5px;
display: inline-block;
- color: var(--greyForegroundColor);
+ color:
p
var(--greyForegroundColor);
font-weight: $font-bold;
}
a.video-attribute-value {
@include disable-default-a-behaviour;
font-weight: $font-bold;
}
a.video-attribute-value {
@include disable-default-a-behaviour;
- color: var(--mainForegroundColor);
+ color:
p
var(--mainForegroundColor);
&:hover {
opacity: 0.9;
&:hover {
opacity: 0.9;
@@
-480,7
+480,7
@@
my-video-comments {
a {
@include disable-default-a-behaviour;
a {
@include disable-default-a-behaviour;
- color: var(--mainColor);
+ color:
p
var(--mainColor);
transition: color 0.3s;
&:hover {
transition: color 0.3s;
&:hover {
@@
-503,7
+503,7
@@
my-video-comments {
}
.privacy-concerns-okay {
}
.privacy-concerns-okay {
- background-color: var(--mainColor);
+ background-color:
p
var(--mainColor);
margin-left: 10px;
}
}
margin-left: 10px;
}
}