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

Merge branch 'release/2.2.0' into develop

pull/2780/head
Chocobozzz 2020-05-22 11:55:55 +02:00
parent a84e6eb11c c123027fd9
commit 4270a19fb6
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
16 changed files with 42 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/app/+admin/plugins/shared/plugin-list.component.scss
View File

@ -23,12 +23,12 @@
.plugin-icon {
margin-left: 10px;
my-global-icon {
@include apply-svg-color($grey-foreground-color);
@include apply-svg-color(var(--greyForegroundColor));
&[iconName="npm"] {
@include fill-svg-color($grey-foreground-color);
@include fill-svg-color(var(--greyForegroundColor));
}
}
}

2
client/src/app/shared/users/user-notifications.component.scss
View File

@ -44,7 +44,7 @@
.from-date {
font-size: 0.85em;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
padding-left: 5px;
min-width: 70px;
text-align: right;

2
client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
View File

@ -68,7 +68,7 @@
.timestamp-info {
font-size: 0.9em;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
margin-left: 5px;
}
}

8
client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss
View File

@ -58,11 +58,11 @@ my-video-thumbnail,
.position {
font-weight: $font-semibold;
margin-right: 10px;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
min-width: 25px;
my-global-icon {
@include apply-svg-color($grey-foreground-color);
@include apply-svg-color(var(--greyForegroundColor));
width: 17px;
position: relative;
@ -81,7 +81,7 @@ my-video-thumbnail,
}
.video-info-account, .video-info-timestamp {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
}
}
}
@ -109,7 +109,7 @@ my-video-thumbnail,
}
.icon-more {
@include apply-svg-color($grey-foreground-color);
@include apply-svg-color(var(--greyForegroundColor));
display: flex;

4
client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
View File

@ -53,7 +53,7 @@
@include disable-default-a-behaviour;
display: block;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
}
.privacy-date {
@ -72,7 +72,7 @@
.video-info-description {
margin-top: 10px;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
}
}
}

2
client/src/app/shared/video/modals/video-download.component.scss
View File

@ -41,7 +41,7 @@
min-width: 142px;
padding-right: 5px;
display: inline-block;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-weight: $font-bold;
}

2
client/src/app/shared/video/video-miniature.component.scss
View File

@ -36,7 +36,7 @@ $more-margin-right: 15px;
display: block;
font-size: 13px;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
&:hover {
color: $grey-foreground-hover-color;

2
client/src/app/videos/+video-edit/shared/video-edit.component.scss
View File

@ -122,7 +122,7 @@ my-peertube-checkbox {
display: inline-block;
margin-right: 25px;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-size: 15px;
}

6
client/src/app/videos/+video-watch/comment/video-comment.component.scss
View File

@ -80,7 +80,7 @@
.comment-date {
font-size: 90%;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
margin-left: 5px;
text-decoration: none;
}
@ -108,7 +108,7 @@
}
&.comment-html-deleted {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
margin-bottom: 1rem;
}
}
@ -120,7 +120,7 @@
::ng-deep .dropdown-toggle,
.comment-action-reply,
.comment-action-delete {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
cursor: pointer;
margin-right: 10px;

2
client/src/app/videos/+video-watch/video-watch-playlist.component.scss
View File

@ -22,7 +22,7 @@
}
.playlist-by-index {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
display: flex;
.playlist-by {

14
client/src/app/videos/+video-watch/video-watch.component.scss
View File

@ -255,21 +255,21 @@ $video-info-margin-left: 44px;
&.action-button-like.activated {
.count {
color: $activated-action-button-color;
color: var(--activatedActionButtonColor);
}
my-global-icon {
@include apply-svg-color($activated-action-button-color);
@include apply-svg-color(var(--activatedActionButtonColor));
}
}
&.action-button-dislike.activated {
.count {
color: $activated-action-button-color;
color: var(--activatedActionButtonColor);
}
my-global-icon {
@include apply-svg-color($activated-action-button-color);
@include apply-svg-color(var(--activatedActionButtonColor));
}
}
@ -325,7 +325,7 @@ $video-info-margin-left: 44px;
background-color: #909090;
&.liked {
background-color: $activated-action-button-color;
background-color: var(--activatedActionButtonColor);
}
}
}
@ -356,7 +356,7 @@ $video-info-margin-left: 44px;
.video-info-description-more {
cursor: pointer;
font-weight: $font-semibold;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-size: 14px;
.glyphicon {
@ -379,7 +379,7 @@ $video-info-margin-left: 44px;
min-width: 142px;
padding-right: 5px;
display: inline-block;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-weight: $font-bold;
}

4
client/src/sass/application.scss
View File

@ -31,6 +31,8 @@ body {
--mainForegroundColor: #{$fg-color};
--secondaryColor: #{$secondary-color};
--greyForegroundColor: #{$grey-foreground-color};
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};
@ -48,6 +50,8 @@ body {
--supportButtonColor: #{var(--actionButtonColor)};
--supportButtonHeartColor: #{$support-button-heart};
--activatedActionButtonColor: #{$activated-action-button-color};
font-family: $main-fonts;
font-weight: $font-regular;
color: var(--mainForegroundColor);

4
client/src/sass/include/_miniature.scss
View File

@ -187,7 +187,7 @@ $play-overlay-width: 18px;
}
.followers {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-weight: normal;
font-size: 14px;
margin-left: 10px;
@ -203,7 +203,7 @@ $play-overlay-width: 18px;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
margin-bottom: 10px;
font-weight: $font-semibold;
text-decoration: none;

10
client/src/sass/include/_mixins.scss
View File

@ -156,7 +156,7 @@
@mixin tertiary-button {
@include button-focus($grey-button-outline-color);
color: $grey-foreground-color;
color: var(--greyForegroundColor);
background-color: transparent;
&[disabled], &.disabled {
@ -173,11 +173,11 @@
&, &:active, &:focus {
background-color: $grey-background-color;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
}
&:hover, &:active, &:focus, &[disabled], &.disabled {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
background-color: $grey-background-hover-color;
}
@ -186,7 +186,7 @@
}
my-global-icon {
@include apply-svg-color($grey-foreground-color)
@include apply-svg-color(var(--greyForegroundColor))
}
}
@ -769,7 +769,7 @@
vertical-align: middle !important;
path {
fill: $grey-foreground-color !important;
fill: var(--greyForegroundColor) !important;
}
}

4
client/src/sass/include/_variables.scss
View File

@ -91,6 +91,8 @@ $variables: (
--mainForegroundColor: var(--mainForegroundColor),
--secondaryColor: var(--secondaryColor),
--greyForegroundColor: var(--greyForegroundColor),
--menuBackgroundColor: var(--menuBackgroundColor),
--menuForegroundColor: var(--menuForegroundColor),
--submenuColor: var(--submenuColor),
@ -104,6 +106,8 @@ $variables: (
--markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
--actionButtonColor: var(--actionButtonColor),
--activatedActionButtonColor: var(--activatedActionButtonColor),
--supportButtonColor: var(--supportButtonColor),
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
--supportButtonHeartColor: var(--supportButtonHeartColor),

1
client/src/sass/primeng-custom.scss
View File

@ -521,6 +521,7 @@ p-toast {
.ui-toast-message {
font-family: $main-fonts;
background-color: var(--mainBackgroundColor) !important;
color: var(--mainForegroundColor) !important;
border-radius: 5px;
box-sizing: border-box;
border: 1px solid #EBEEF5 !important;