From bafe744fbf054b61576726be57dd3716a036cc27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Sat, 2 Oct 2021 15:57:13 +0300
Subject: [PATCH] More styles

---
 src/assets/styles/common-components.scss | 12 ++++-
 src/assets/styles/common-menu.scss       | 62 ++++++++++++++++++++++++
 src/assets/styles/common-styles.scss     |  1 +
 src/assets/styles/common-tables.scss     | 11 +++++
 4 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/styles/common-menu.scss

diff --git a/src/assets/styles/common-components.scss b/src/assets/styles/common-components.scss
index fa36537..8bf967c 100644
--- a/src/assets/styles/common-components.scss
+++ b/src/assets/styles/common-components.scss
@@ -1,3 +1,5 @@
+@use 'common-mixins' as mixins;
+
 .oval,
 .square {
     font-weight: 600;
@@ -48,7 +50,7 @@
         color: var(--iqser-white);
     }
 
-    &.primary--white {
+    &.primary-white {
         background-color: var(--iqser-primary);
         color: var(--iqser-white);
     }
@@ -88,3 +90,11 @@
         }
     }
 }
+
+.overlay-shadow {
+    @include mixins.inset-shadow;
+    position: fixed;
+    width: 100%;
+    height: 4px;
+    z-index: 2;
+}
diff --git a/src/assets/styles/common-menu.scss b/src/assets/styles/common-menu.scss
new file mode 100644
index 0000000..f7cf775
--- /dev/null
+++ b/src/assets/styles/common-menu.scss
@@ -0,0 +1,62 @@
+@use 'common-mixins';
+
+.mat-menu-panel {
+    border-radius: 8px !important;
+    box-shadow: 0 2px 6px 0 rgba(40, 50, 65, 0.3);
+    max-width: none !important;
+    min-width: 180px !important;
+    margin-top: 10px;
+    @include common-mixins.scroll-bar;
+
+    .mat-menu-content:not(:empty) {
+        padding-top: 8px;
+        padding-bottom: 24px;
+    }
+
+    &.padding-bottom-0 .mat-menu-content:not(:empty) {
+        padding-bottom: 0;
+    }
+
+    &.padding-bottom-8 .mat-menu-content:not(:empty) {
+        padding-bottom: 8px;
+    }
+
+    .mat-menu-item {
+        font-size: 13px;
+        color: var(--iqser-accent);
+        padding: 0 8px;
+        margin: 0 8px 2px 8px;
+        border-radius: 4px;
+        width: -webkit-fill-available;
+
+        display: flex;
+        align-items: center;
+
+        > *:not(:last-child) {
+            margin-right: 8px;
+        }
+
+        .arrow-wrapper {
+            width: 16px;
+            text-align: center;
+
+            mat-icon {
+                width: 16px;
+                height: 16px;
+                margin: 0;
+            }
+        }
+
+        &.padding-left {
+            padding-left: 56px;
+        }
+
+        &:last-of-type {
+            margin-bottom: 0;
+        }
+
+        &:hover {
+            background-color: rgba(var(--iqser-primary-rgb), 0.1);
+        }
+    }
+}
diff --git a/src/assets/styles/common-styles.scss b/src/assets/styles/common-styles.scss
index e599e86..2868607 100644
--- a/src/assets/styles/common-styles.scss
+++ b/src/assets/styles/common-styles.scss
@@ -6,3 +6,4 @@
 @use 'common-layout';
 @use 'common-dialogs';
 @use 'common-components';
+@use 'common-menu';
diff --git a/src/assets/styles/common-tables.scss b/src/assets/styles/common-tables.scss
index db1da5e..e44af7a 100644
--- a/src/assets/styles/common-tables.scss
+++ b/src/assets/styles/common-tables.scss
@@ -2,3 +2,14 @@
     width: 11px;
     padding: 0 !important;
 }
+
+.table-header-actions {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: flex-end;
+
+    > *:not(:last-child) {
+        margin-right: 10px;
+    }
+}