aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-05-05 09:44:24 +0200
committerChocobozzz <me@florianbigard.com>2021-05-05 09:44:24 +0200
commit06ec4bdd15cdd1e938ec1744784cd2993aed9809 (patch)
treeca5e30bb4049d72bcc4ab1c3837a681840efad5d /client/src/sass
parenta6e37eebfbef9aef91e35173ed799afb6c4a288b (diff)
downloadPeerTube-06ec4bdd15cdd1e938ec1744784cd2993aed9809.tar.gz
PeerTube-06ec4bdd15cdd1e938ec1744784cd2993aed9809.tar.zst
PeerTube-06ec4bdd15cdd1e938ec1744784cd2993aed9809.zip
Fix miniature avatar size
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/include/_miniature.scss3
-rw-r--r--client/src/sass/include/_mixins.scss7
2 files changed, 6 insertions, 4 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index fb504906c..070aa3398 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -3,9 +3,8 @@
3 3
4@mixin miniature-name { 4@mixin miniature-name {
5 @include ellipsis-multiline(1.1em, 2); 5 @include ellipsis-multiline(1.1em, 2);
6 @include peertube-word-wrap(false);
6 7
7 word-break: break-all;
8 word-wrap: break-word;
9 transition: color 0.2s; 8 transition: color 0.2s;
10 font-weight: $font-semibold; 9 font-weight: $font-semibold;
11 color: pvar(--mainForegroundColor); 10 color: pvar(--mainForegroundColor);
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 6d1e37bb6..b2083e516 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -50,11 +50,14 @@
50 } 50 }
51} 51}
52 52
53@mixin peertube-word-wrap { 53@mixin peertube-word-wrap ($with-hyphen: true) {
54 word-break: break-word; 54 word-break: break-word;
55 word-wrap: break-word; 55 word-wrap: break-word;
56 overflow-wrap: break-word; 56 overflow-wrap: break-word;
57 hyphens: auto; 57
58 @if $with-hyphen {
59 hyphens: auto;
60 }
58} 61}
59 62
60@mixin apply-svg-color ($color) { 63@mixin apply-svg-color ($color) {