Initial commit

Frontend/pages/home/sass/ActionDialog.scss

@@ -0,0 +1,51 @@
+.actionselector {
+    width: calc(100% - 24px);
+    margin: 5px 0px;
+
+    &:focus,
+    &:active {
+        border-bottom-right-radius: 0px;
+        border-bottom-left-radius: 0px;
+    }
+}
+
+.actiondialog {
+    position: absolute;
+    border: solid var(--main-color);
+    border-width: 0px 2px 2px 2px;
+    border-bottom-left-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
+    overflow: auto;
+    display: none;
+    flex-direction: column;
+
+    .item {
+        width: calc(100% - 20px);
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        padding: 5px 10px;
+        background: var(--main-secondary-color);
+        border-bottom: 1px solid var(--main-color);
+        transition-duration: .2s;
+        cursor: pointer;
+        font-size: 12px;
+
+        &:last-child {
+            border-bottom: 0px;
+        }
+
+        &:hover {
+            background: var(--main-hover-color);
+        }
+
+        .integration {
+            margin-right: 10px;
+            font-weight: 600;
+        }
+    }
+
+    .item.hidden {
+        display: none;
+    }
+}