From b87c433e991ccf136029e42544355181c4ab1784 Mon Sep 17 00:00:00 2001 From: Vlad Piersec Date: Thu, 11 Mar 2021 14:59:49 +0200 Subject: [PATCH] fix(toolbar): Update overflow menu according to review --- css/_drawer.scss | 1 - css/_toolbars.scss | 6 +++++- css/_video-preview.scss | 1 + react/features/base/icons/svg/blur-background.svg | 2 +- react/features/base/icons/svg/chat.svg | 2 +- react/features/base/icons/svg/exit-full-screen.svg | 8 ++++---- react/features/base/icons/svg/feedback.svg | 2 +- react/features/base/icons/svg/full-screen.svg | 2 +- react/features/base/icons/svg/mute-everyone.svg | 4 ++-- react/features/base/icons/svg/presentation.svg | 2 +- react/features/base/icons/svg/raised-hand.svg | 2 +- react/features/base/icons/svg/share-desktop.svg | 2 +- react/features/toolbox/components/web/Drawer.js | 4 +++- 13 files changed, 22 insertions(+), 16 deletions(-) diff --git a/css/_drawer.scss b/css/_drawer.scss index 7915a9e27..943855fc9 100644 --- a/css/_drawer.scss +++ b/css/_drawer.scss @@ -7,7 +7,6 @@ } .drawer-menu { - padding: 0 16px; max-height: 50vh; background: #242528; border-radius: 16px 16px 0 0; diff --git a/css/_toolbars.scss b/css/_toolbars.scss index 305da6f8b..5f3803220 100644 --- a/css/_toolbars.scss +++ b/css/_toolbars.scss @@ -163,7 +163,11 @@ } &.disabled { cursor: initial; - color: #3b475c; + color: #929292; + + svg { + fill: #929292; + } } @media (hover: hover) and (pointer: fine) { diff --git a/css/_video-preview.scss b/css/_video-preview.scss index 8df165eb6..200402d21 100644 --- a/css/_video-preview.scss +++ b/css/_video-preview.scss @@ -5,6 +5,7 @@ &-container { background: $menuBG; + border-radius: 3px; overflow: auto; padding: 8px; } diff --git a/react/features/base/icons/svg/blur-background.svg b/react/features/base/icons/svg/blur-background.svg index 83e9e2407..1bed83ea0 100755 --- a/react/features/base/icons/svg/blur-background.svg +++ b/react/features/base/icons/svg/blur-background.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/base/icons/svg/chat.svg b/react/features/base/icons/svg/chat.svg index e425d4b1a..14ca3aaa8 100755 --- a/react/features/base/icons/svg/chat.svg +++ b/react/features/base/icons/svg/chat.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/base/icons/svg/exit-full-screen.svg b/react/features/base/icons/svg/exit-full-screen.svg index bb702c37c..b779ee8ee 100755 --- a/react/features/base/icons/svg/exit-full-screen.svg +++ b/react/features/base/icons/svg/exit-full-screen.svg @@ -1,6 +1,6 @@ - - - - + + + + diff --git a/react/features/base/icons/svg/feedback.svg b/react/features/base/icons/svg/feedback.svg index 4c27dbecb..e3d39463e 100755 --- a/react/features/base/icons/svg/feedback.svg +++ b/react/features/base/icons/svg/feedback.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/base/icons/svg/full-screen.svg b/react/features/base/icons/svg/full-screen.svg index 4508eec85..cbbd3a037 100755 --- a/react/features/base/icons/svg/full-screen.svg +++ b/react/features/base/icons/svg/full-screen.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/base/icons/svg/mute-everyone.svg b/react/features/base/icons/svg/mute-everyone.svg index a5dcfa22d..5eaa644d8 100644 --- a/react/features/base/icons/svg/mute-everyone.svg +++ b/react/features/base/icons/svg/mute-everyone.svg @@ -1,4 +1,4 @@ - - + + diff --git a/react/features/base/icons/svg/presentation.svg b/react/features/base/icons/svg/presentation.svg index cf536d68e..cfcda059b 100755 --- a/react/features/base/icons/svg/presentation.svg +++ b/react/features/base/icons/svg/presentation.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/base/icons/svg/raised-hand.svg b/react/features/base/icons/svg/raised-hand.svg index 0409bdec4..8c94c8f3d 100755 --- a/react/features/base/icons/svg/raised-hand.svg +++ b/react/features/base/icons/svg/raised-hand.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/base/icons/svg/share-desktop.svg b/react/features/base/icons/svg/share-desktop.svg index 3450c0b19..e85acaa07 100755 --- a/react/features/base/icons/svg/share-desktop.svg +++ b/react/features/base/icons/svg/share-desktop.svg @@ -1,3 +1,3 @@ - + diff --git a/react/features/toolbox/components/web/Drawer.js b/react/features/toolbox/components/web/Drawer.js index 3e1759b5c..d9c96c7d2 100644 --- a/react/features/toolbox/components/web/Drawer.js +++ b/react/features/toolbox/components/web/Drawer.js @@ -78,7 +78,9 @@ function Drawer({
- +
)} {children}