feat: move display options to icon button in header (#1138)

2022-06-22 22:30:22 +05:30
parent d899e737bc
commit b0911b1574
12 changed files with 214 additions and 120 deletions
--- a/packages/web/src/stylesheets/_main.scss
+++ b/packages/web/src/stylesheets/_main.scss
@@ -1,7 +1,6 @@
 $z-index-editor-content: 10;

 $z-index-editor-title-bar: 100;
-$z-index-dropdown-menu: 1002;

 $z-index-resizer-overlay: 1000;

@@ -20,6 +19,7 @@ $z-index-modal: 10000;

 :root {
  --z-index-panel-resizer: 1001;
+  --z-index-dropdown-menu: 1002;
 }

 html {
--- a/packages/web/src/stylesheets/_menus.scss
+++ b/packages/web/src/stylesheets/_menus.scss
@@ -10,7 +10,7 @@
  left: 0;
  float: left;
  min-width: 160px;
-  z-index: $z-index-dropdown-menu;
+  z-index: var(--z-index-dropdown-menu);

  margin-top: 5px;
  width: 280px;
--- a/packages/web/src/stylesheets/_sn.scss
+++ b/packages/web/src/stylesheets/_sn.scss
@@ -17,7 +17,7 @@
  @extend .rounded;
  @extend .box-shadow;

-  z-index: $z-index-dropdown-menu;
+  z-index: var(--z-index-dropdown-menu);

  &.sn-dropdown--anchor-right {
    right: 0;