Browse Source

Merge pull request #1125 from BeatC/small-avatar-images

Fixed problem with resizing thumb avatars
master
yanas 8 years ago
parent
commit
42604971dc
2 changed files with 10 additions and 1 deletions
  1. 8
    0
      css/_mixins.scss
  2. 2
    1
      css/_videolayout_default.scss

+ 8
- 0
css/_mixins.scss View File

66
   @include transform(translate(-50%, -50%))
66
   @include transform(translate(-50%, -50%))
67
 }
67
 }
68
 
68
 
69
+/**
70
+* Defines the maximum width and height
71
+**/
72
+@mixin maxSize($value) {
73
+    max-width: $value;
74
+    max-height: $value;
75
+}
76
+
69
 @mixin transform($func) {
77
 @mixin transform($func) {
70
   -moz-transform: $func;
78
   -moz-transform: $func;
71
   -ms-transform: $func;
79
   -ms-transform: $func;

+ 2
- 1
css/_videolayout_default.scss View File

399
 }
399
 }
400
 
400
 
401
 .userAvatar {
401
 .userAvatar {
402
-    @include circle(60px);
402
+    @include maxSize(60px);
403
+    @include circle(50%);
403
     @include absoluteAligning();
404
     @include absoluteAligning();
404
 }
405
 }
405
 
406
 

Loading…
Cancel
Save