Increase thumbnails size
authorChocobozzz <me@florianbigard.com>
Wed, 20 Feb 2019 12:59:31 +0000 (13:59 +0100)
committerChocobozzz <me@florianbigard.com>
Wed, 20 Feb 2019 12:59:31 +0000 (13:59 +0100)
client/src/app/shared/video/abstract-video-list.ts
client/src/app/shared/video/video-miniature.component.scss
client/src/app/shared/video/video-thumbnail.component.scss
client/src/sass/include/_variables.scss
server/initializers/constants.ts

index b0633be4abfc85dc570205ba103c5284e45f34b9..2cd5bc3937b964675c301b54c79365a8282580ed 100644 (file)
@@ -41,8 +41,8 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy {
   displayModerationBlock = false
   titleTooltip: string
 
-  protected baseVideoWidth = 215
-  protected baseVideoHeight = 205
+  protected baseVideoWidth = 238
+  protected baseVideoHeight = 225
 
   protected abstract notifier: Notifier
   protected abstract authService: AuthService
index f44bdf9a93c3aa04da27efab85f462bc5aa73add..66e59e6d37d332f8b2fdf262f04961de2f8c5661 100644 (file)
@@ -5,7 +5,7 @@
   display: inline-block;
   padding-right: 15px;
   margin-bottom: 30px;
-  height: 175px;
+  height: 195px;
   vertical-align: top;
 
   .video-miniature-information {
index 4772edaf0a6c3a203739c3d04399c5e8406c4a6e..97a0e72ed7a1d926f2d75575ba0a8860bd228eda 100644 (file)
@@ -4,7 +4,7 @@
 .video-thumbnail {
   display: inline-block;
   position: relative;
-  border-radius: 4px;
+  border-radius: 3px;
   overflow: hidden;
   width: $video-thumbnail-width;
   height: $video-thumbnail-height;
index 3780b750120150ac463948a9c4e058cfb2f584c5..56ca4c2d368206cd3b67c289b539f63d23ec60e0 100644 (file)
@@ -44,8 +44,8 @@ $footer-margin: 30px;
 
 $footer-border-color: $header-border-color;
 
-$video-thumbnail-height: 110px;
-$video-thumbnail-width: 200px;
+$video-thumbnail-height: 122px;
+$video-thumbnail-width: 223px;
 
 $theater-bottom-space: 115px;
 
index 3656a23f966b2fbe245ceffce21d4df2a7faf2fd..c1be7f326f1638d3d5c6bd77e2a35d9f0cf01b00 100644 (file)
@@ -610,8 +610,8 @@ let STATIC_MAX_AGE = '2h'
 
 // Videos thumbnail size
 const THUMBNAILS_SIZE = {
-  width: 200,
-  height: 110
+  width: 223,
+  height: 112
 }
 const PREVIEWS_SIZE = {
   width: 560,