diff options
author | Chocobozzz <me@florianbigard.com> | 2021-05-05 09:44:24 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-05-05 09:44:24 +0200 |
commit | 06ec4bdd15cdd1e938ec1744784cd2993aed9809 (patch) | |
tree | ca5e30bb4049d72bcc4ab1c3837a681840efad5d /client/src/sass | |
parent | a6e37eebfbef9aef91e35173ed799afb6c4a288b (diff) | |
download | PeerTube-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.scss | 3 | ||||
-rw-r--r-- | client/src/sass/include/_mixins.scss | 7 |
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) { |