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/+my-account/my-account-videos/my-account-videos.component.scss | |
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/+my-account/my-account-videos/my-account-videos.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss index a3422c239..67a58d8d5 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | |||
@@ -84,7 +84,7 @@ my-edit-button { | |||
84 | .video-bottom, | 84 | .video-bottom, |
85 | .video-bottom .video-miniature-information { | 85 | .video-bottom .video-miniature-information { |
86 | /* same width than a.video-thumbnail */ | 86 | /* same width than a.video-thumbnail */ |
87 | max-width: 223px !important; | 87 | max-width: $video-thumbnail-width !important; |
88 | } | 88 | } |
89 | } | 89 | } |
90 | } | 90 | } |
@@ -110,7 +110,7 @@ my-edit-button { | |||
110 | ::ng-deep { | 110 | ::ng-deep { |
111 | .action-button { | 111 | .action-button { |
112 | /* same width than a.video-thumbnail */ | 112 | /* same width than a.video-thumbnail */ |
113 | width: 223px; | 113 | width: $video-thumbnail-width; |
114 | } | 114 | } |
115 | } | 115 | } |
116 | } | 116 | } |
@@ -124,7 +124,7 @@ my-edit-button { | |||
124 | flex-direction: column; | 124 | flex-direction: column; |
125 | 125 | ||
126 | .video-miniature-name { | 126 | .video-miniature-name { |
127 | max-width: 223px; | 127 | max-width: $video-thumbnail-width; |
128 | } | 128 | } |
129 | } | 129 | } |
130 | } | 130 | } |