haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(css): configurable Videolayot and overflow menu.

This commit is contained in:
Hristo Terezov 2019-02-21 17:27:51 +00:00
parent a95d38a0f4
commit c4361ed7da
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/_toolbars.scss
View File

@ -153,15 +153,16 @@
.overflow-menu { .overflow-menu {
font-size: 1.2em; font-size: 1.2em;
list-style-type: none; list-style-type: none;
background-color: $overflowMenuBG;
/** /**
* Undo atlaskit padding by reducing margins. * Undo atlaskit padding by reducing margins.
*/ */
margin: -15px -24px; margin: -16px -24px;
padding: 4px 0; padding: 4px 0;
.overflow-menu-item { .overflow-menu-item {
align-items: center; align-items: center;
color: #B8C7E0; color: $overflowMenuItemColor;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
font-size: 14px; font-size: 14px;
@ -175,7 +176,8 @@
} }
&:hover { &:hover {
background: #313D52; background-color: $overflowMenuItemHoverBG;
color: $overflowMenuItemHoverColor;
} }
&.unclickable { &.unclickable {
@ -191,9 +193,9 @@
} }
.beta-tag { .beta-tag {
background: #B8C7E0; background: $overflowMenuItemColor;
border-radius: 2px; border-radius: 2px;
color: $newToolbarBackgroundColor; color: $overflowMenuBG;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
margin-left: 8px; margin-left: 8px;

5
css/_variables.scss
View File

@ -43,6 +43,10 @@ $newToolbarHangupFontSize: 32px;
$newToolbarSize: 40px; $newToolbarSize: 40px;
$newToolbarSizeWithPadding: calc(#{$newToolbarSize} + 24px); $newToolbarSizeWithPadding: calc(#{$newToolbarSize} + 24px);
$toolbarTitleFontSize: 19px; $toolbarTitleFontSize: 19px;
$overflowMenuBG: initial;
$overflowMenuItemHoverBG: #313D52;
$overflowMenuItemHoverColor: #B8C7E0;
$overflowMenuItemColor: #B8C7E0;
/** /**
* Video layout * Video layout
@ -59,6 +63,7 @@ $audioLevelShadow: rgba(9, 36, 77, 0.9);
$videoStateIndicatorColor: $defaultColor; $videoStateIndicatorColor: $defaultColor;
$videoStateIndicatorBackground: $toolbarBackground; $videoStateIndicatorBackground: $toolbarBackground;
$videoStateIndicatorSize: 40px; $videoStateIndicatorSize: 40px;
$remoteVideoMenuIconLeft: initial;
/** /**
* Feedback Modal * Feedback Modal

1
css/_videolayout_default.scss
View File

@ -412,6 +412,7 @@
>i{ >i{
cursor: hand; cursor: hand;
margin-left: $remoteVideoMenuIconLeft;
} }
} }
.remote-video-menu-trigger { .remote-video-menu-trigger {