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/shared/video/modals | |
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/shared/video/modals')
-rw-r--r-- | client/src/app/shared/video/modals/video-download.component.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/client/src/app/shared/video/modals/video-download.component.scss b/client/src/app/shared/video/modals/video-download.component.scss index 7e2dd7d2f..b09078bea 100644 --- a/client/src/app/shared/video/modals/video-download.component.scss +++ b/client/src/app/shared/video/modals/video-download.component.scss | |||
@@ -41,13 +41,13 @@ | |||
41 | min-width: 142px; | 41 | min-width: 142px; |
42 | padding-right: 5px; | 42 | padding-right: 5px; |
43 | display: inline-block; | 43 | display: inline-block; |
44 | color: var(--greyForegroundColor); | 44 | color: pvar(--greyForegroundColor); |
45 | font-weight: $font-bold; | 45 | font-weight: $font-bold; |
46 | } | 46 | } |
47 | 47 | ||
48 | a.metadata-attribute-value { | 48 | a.metadata-attribute-value { |
49 | @include disable-default-a-behaviour; | 49 | @include disable-default-a-behaviour; |
50 | color: var(--mainForegroundColor); | 50 | color: pvar(--mainForegroundColor); |
51 | 51 | ||
52 | &:hover { | 52 | &:hover { |
53 | opacity: 0.9; | 53 | opacity: 0.9; |