aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2018-09-11 22:55:41 +0200
committerRigel Kent <sendmemail@rigelk.eu>2018-09-13 14:33:17 +0200
commit1d9d9cfdcf3983e3fd89026bc4b5633a8abf5752 (patch)
tree651d5137f11d812fa1883925b5b06d27c882bca8 /client/src/app/menu/menu.component.scss
parent6f0c46be8c9f4690d5e5cb758c4df6164b006f83 (diff)
downloadPeerTube-1d9d9cfdcf3983e3fd89026bc4b5633a8abf5752.tar.gz
PeerTube-1d9d9cfdcf3983e3fd89026bc4b5633a8abf5752.tar.zst
PeerTube-1d9d9cfdcf3983e3fd89026bc4b5633a8abf5752.zip
add css custom properties for the left menu
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r--client/src/app/menu/menu.component.scss8
1 files changed, 4 insertions, 4 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 0f98da0e2..3e072279f 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -10,14 +10,14 @@
10} 10}
11 11
12menu { 12menu {
13 background-color: $menu-background; 13 background-color: var(--menuBackgroundColor);
14 margin: 0; 14 margin: 0;
15 padding: 0; 15 padding: 0;
16 height: 100%; 16 height: 100%;
17 white-space: nowrap; 17 white-space: nowrap;
18 text-overflow: ellipsis; 18 text-overflow: ellipsis;
19 overflow: hidden; 19 overflow: hidden;
20 color: $menu-color; 20 color: var(--menuForegroundColor);
21 display: flex; 21 display: flex;
22 flex-direction: column; 22 flex-direction: column;
23 width: 100%; 23 width: 100%;
@@ -52,7 +52,7 @@ menu {
52 .logged-in-username { 52 .logged-in-username {
53 font-size: 16px; 53 font-size: 16px;
54 font-weight: $font-semibold; 54 font-weight: $font-semibold;
55 color: $menu-color; 55 color: var(--menuForegroundColor);
56 cursor: pointer; 56 cursor: pointer;
57 57
58 @include disable-default-a-behaviour; 58 @include disable-default-a-behaviour;
@@ -124,7 +124,7 @@ menu {
124 display: flex; 124 display: flex;
125 align-items: center; 125 align-items: center;
126 padding-left: $menu-lateral-padding; 126 padding-left: $menu-lateral-padding;
127 color: $menu-color; 127 color: var(--menuForegroundColor);
128 cursor: pointer; 128 cursor: pointer;
129 height: 40px; 129 height: 40px;
130 font-size: 16px; 130 font-size: 16px;