Fix drawer icons unexpected outline (#4364)

* Removing MenuItem border in MenuActions

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adding hover effect to catalog details icons

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev authored and GitHub committed 2021-11-17 11:30:54 +03:00
1 parent ca15919218
commit 0587301cc9
2 files changed
+10 -5

No files matched your search

@@ -21,7 +21,7 @@
.MenuActions {
&.toolbar {
--flex-gap: #{$padding * 0.5};
--flex-gap: var(--padding);
position: static;
padding: 0;
@@ -31,8 +31,8 @@
margin-right: var(--flex-gap) !important;
.Icon {
color: var(--textColorAccent);
padding-right: 0;
width: 21px;
height: 21px;
}
.title, .arrow {
@@ -42,6 +42,10 @@
> .MenuItem {
background: none !important;
padding: 0;
margin-bottom: 0;
border: none;
width: 21px;
height: 21px;
> .SubMenu {
$offset: $margin;