aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-02-20 15:52:03 +0100
committerChocobozzz <me@florianbigard.com>2019-02-20 15:52:03 +0100
commitef80c66cea945d315336251dbb5efcb06c64189d (patch)
tree1f40fb3c95bc285c749e035832af2bfb81decd34 /client/src/app/menu
parent6d28a5056efc68da51c7ef00d563f3557a72bc49 (diff)
downloadPeerTube-ef80c66cea945d315336251dbb5efcb06c64189d.tar.gz
PeerTube-ef80c66cea945d315336251dbb5efcb06c64189d.tar.zst
PeerTube-ef80c66cea945d315336251dbb5efcb06c64189d.zip
Refactor ellipsis CSS
Diffstat (limited to 'client/src/app/menu')
-rw-r--r--client/src/app/menu/menu.component.scss14
1 files changed, 6 insertions, 8 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 69704674a..137df6fc1 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -10,12 +10,12 @@
10} 10}
11 11
12menu { 12menu {
13 @include ellipsis;
14
13 background-color: var(--menuBackgroundColor); 15 background-color: var(--menuBackgroundColor);
14 margin: 0; 16 margin: 0;
15 padding: 0; 17 padding: 0;
16 height: 100%; 18 height: 100%;
17 white-space: nowrap;
18 text-overflow: ellipsis;
19 overflow: auto; 19 overflow: auto;
20 color: var(--menuForegroundColor); 20 color: var(--menuForegroundColor);
21 display: flex; 21 display: flex;
@@ -40,10 +40,9 @@ menu {
40 margin-bottom: 35px; 40 margin-bottom: 35px;
41 41
42 .logged-in-info { 42 .logged-in-info {
43 @include ellipsis;
44
43 flex-grow: 1; 45 flex-grow: 1;
44 white-space: nowrap;
45 overflow: hidden;
46 text-overflow: ellipsis;
47 46
48 .logged-in-display-name { 47 .logged-in-display-name {
49 font-size: 16px; 48 font-size: 16px;
@@ -55,11 +54,10 @@ menu {
55 } 54 }
56 55
57 .logged-in-username { 56 .logged-in-username {
57 @include ellipsis;
58
58 font-size: 13px; 59 font-size: 13px;
59 color: #C6C6C6; 60 color: #C6C6C6;
60 white-space: nowrap;
61 overflow: hidden;
62 text-overflow: ellipsis;
63 max-width: 140px; 61 max-width: 140px;
64 } 62 }
65 } 63 }