OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

add css custom properties for the left menu

pull/941/head
Rigel Kent 2018-09-11 22:55:41 +02:00
parent 6f0c46be8c
commit 1d9d9cfdcf
No known key found for this signature in database
GPG Key ID: EA12971B0E438F36
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/app/menu/menu.component.scss
View File

@ -10,14 +10,14 @@
} }
menu { menu {
background-color: $menu-background; background-color: var(--menuBackgroundColor);
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
color: $menu-color; color: var(--menuForegroundColor);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
@ -52,7 +52,7 @@ menu {
.logged-in-username { .logged-in-username {
font-size: 16px; font-size: 16px;
font-weight: $font-semibold; font-weight: $font-semibold;
color: $menu-color; color: var(--menuForegroundColor);
cursor: pointer; cursor: pointer;
@include disable-default-a-behaviour; @include disable-default-a-behaviour;
@ -124,7 +124,7 @@ menu {
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: $menu-lateral-padding; padding-left: $menu-lateral-padding;
color: $menu-color; color: var(--menuForegroundColor);
cursor: pointer; cursor: pointer;
height: 40px; height: 40px;
font-size: 16px; font-size: 16px;

2
client/src/sass/application.scss
View File

@ -26,6 +26,8 @@ body {
--mainHoverColor: #{$orange-hoover-color}; --mainHoverColor: #{$orange-hoover-color};
--mainBackgroundColor: #{$bg-color}; --mainBackgroundColor: #{$bg-color};
--mainForegroundColor: #{$fg-color}; --mainForegroundColor: #{$fg-color};
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color}; --submenuColor: #{$sub-menu-color};
--inputColor: #{$input-background-color}; --inputColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color}; --inputPlaceholderColor: #{$input-placeholder-color};

2
client/src/sass/include/_variables.scss
View File

@ -58,6 +58,8 @@ $variables: (
--mainHoverColor: var(--mainHoverColor), --mainHoverColor: var(--mainHoverColor),
--mainBackgroundColor: var(--mainBackgroundColor), --mainBackgroundColor: var(--mainBackgroundColor),
--mainForegroundColor: var(--mainForegroundColor), --mainForegroundColor: var(--mainForegroundColor),
--menuBackgroundColor: var(--menuBackgroundColor),
--menuForegroundColor: var(--menuForegroundColor),
--submenuColor: var(--submenuColor), --submenuColor: var(--submenuColor),
--inputColor: var(--inputColor), --inputColor: var(--inputColor),
--inputPlaceholderColor: var(--inputPlaceholderColor) --inputPlaceholderColor: var(--inputPlaceholderColor)