diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-06-09 09:33:28 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-06-09 09:33:28 +0200 |
commit | e66883b37ae0796256b3aba550670a2d76cfc98a (patch) | |
tree | 3cce3c78e9f9f327470f0370a1b4065fe7e0009e /client/src/app/videos/+video-watch/comment | |
parent | 6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12 (diff) | |
download | PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.gz PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.zst PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.zip |
`fitWidth` for `video-miniature`, fluid grid (#2830)
* Fluid abstract video list
* normalize timestamp display on miniatures
* use grid for abstract-video-list
- refactor scss function var to pvar to avoid overriding css variables
- move fluid-grid margins to adapt-margin-content-width mixin for maintainability
- fix video-miniature-name margin-top on small screen
* move sceenratio function in a mixin
* display no miniature avatar in channel videos view
Diffstat (limited to 'client/src/app/videos/+video-watch/comment')
-rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comment.component.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss index 33204de3b..e7ef79561 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss +++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss | |||
@@ -70,7 +70,7 @@ | |||
70 | a { | 70 | a { |
71 | @include disable-default-a-behaviour; | 71 | @include disable-default-a-behaviour; |
72 | 72 | ||
73 | color: var(--mainForegroundColor); | 73 | color: pvar(--mainForegroundColor); |
74 | } | 74 | } |
75 | 75 | ||
76 | .comment-account-fid { | 76 | .comment-account-fid { |
@@ -80,7 +80,7 @@ | |||
80 | 80 | ||
81 | .comment-date { | 81 | .comment-date { |
82 | font-size: 90%; | 82 | font-size: 90%; |
83 | color: var(--greyForegroundColor); | 83 | color: pvar(--greyForegroundColor); |
84 | margin-left: 5px; | 84 | margin-left: 5px; |
85 | text-decoration: none; | 85 | text-decoration: none; |
86 | } | 86 | } |
@@ -95,7 +95,7 @@ | |||
95 | &:not(.linkified-url) { | 95 | &:not(.linkified-url) { |
96 | @include disable-default-a-behaviour; | 96 | @include disable-default-a-behaviour; |
97 | 97 | ||
98 | color: var(--mainForegroundColor); | 98 | color: pvar(--mainForegroundColor); |
99 | 99 | ||
100 | font-weight: $font-semibold; | 100 | font-weight: $font-semibold; |
101 | } | 101 | } |
@@ -108,7 +108,7 @@ | |||
108 | } | 108 | } |
109 | 109 | ||
110 | &.comment-html-deleted { | 110 | &.comment-html-deleted { |
111 | color: var(--greyForegroundColor); | 111 | color: pvar(--greyForegroundColor); |
112 | margin-bottom: 1rem; | 112 | margin-bottom: 1rem; |
113 | } | 113 | } |
114 | } | 114 | } |
@@ -120,12 +120,12 @@ | |||
120 | ::ng-deep .dropdown-toggle, | 120 | ::ng-deep .dropdown-toggle, |
121 | .comment-action-reply, | 121 | .comment-action-reply, |
122 | .comment-action-delete { | 122 | .comment-action-delete { |
123 | color: var(--greyForegroundColor); | 123 | color: pvar(--greyForegroundColor); |
124 | cursor: pointer; | 124 | cursor: pointer; |
125 | margin-right: 10px; | 125 | margin-right: 10px; |
126 | 126 | ||
127 | &:hover { | 127 | &:hover { |
128 | color: var(--mainForegroundColor); | 128 | color: pvar(--mainForegroundColor); |
129 | } | 129 | } |
130 | } | 130 | } |
131 | 131 | ||