up annotations menu UI

edrlab · Oct 14, 2024 · 0a3626b · 0a3626b
1 parent 2ec7ac2
commit 0a3626b
Show file tree

Hide file tree

Showing 6 changed files with 376 additions and 350 deletions.
diff --git a/src/renderer/assets/icons/export-icon.svg b/src/renderer/assets/icons/export-icon.svg
diff --git a/src/renderer/assets/icons/filter3-icon.svg b/src/renderer/assets/icons/filter3-icon.svg
diff --git a/src/renderer/assets/icons/import-icon.svg b/src/renderer/assets/icons/import-icon.svg
diff --git a/src/renderer/assets/styles/components/annotations.scss b/src/renderer/assets/styles/components/annotations.scss
@@ -110,6 +110,11 @@
       color: var(--color-primary);
     }
 
+    .button_primary_blue:hover {
+      color: var(--color-secondary);
+      background-color: var(--color-blue);
+    }
+
     @include scrollbar_styling;
 
     &::-webkit-scrollbar-track {
@@ -137,20 +142,22 @@
     padding: 0 10px;
   }
 
+  &_line {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: calc(100% - 50px);
+    gap: 20px;
+    margin-top: -35px;
+    border-right: 2px solid var(--color-extralight-grey);
+    padding-right: 10px;
+  }
+
   &_trigger_button {
     width: 30px;
     height: 30px;
     position: relative;
-    background-color: var(--color-extralight-grey);
     padding: 5px;
-    border-radius: 4px;
-    // box-shadow: 1px 0 5px var(--color-light-grey);
-    border: 1px solid var(--color-verylight-grey);
-
-    &:hover {
-      background-color: var(--color-verylight-grey-alt2);
-
-    }
 
     svg {
       width: 20px;

diff --git a/src/renderer/assets/styles/components/annotations.scss.d.ts b/src/renderer/assets/styles/components/annotations.scss.d.ts
@@ -17,6 +17,7 @@ export declare const annotations_filter_button: string;
 export declare const annotations_filter_color: string;
 export declare const annotations_filter_container: string;
 export declare const annotations_filter_drawtype: string;
+export declare const annotations_filter_line: string;
 export declare const annotations_filter_nbOfFilters: string;
 export declare const annotations_filter_tag: string;
 export declare const annotations_filter_tagGroup: string;
@@ -33,6 +34,7 @@ export declare const CSS_END_components_annotations: string;
 export declare const CSS_START_components_annotations: string;
 export declare const docked_annotation_line: string;
 export declare const drawType_active: string;
+export declare const form_group: string;
 export declare const my_combobox_container: string;
 export declare const my_item: string;
 export declare const popover_dialog_reader: string;