fix(annotations): annotations menu UI (PR #2609)

Co-authored-by: Pierre Leroux <[email protected]>

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,20 @@
     padding: 0 10px;
   }
 
+  &_line {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: calc(100%);
+    gap: 20px;
+    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;
@@ -635,6 +640,13 @@
       justify-content: space-between;
       padding: 0 5px;
 
+      p {
+        padding-left: 0;
+        max-width: 100px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
       >div {
         display: inherit;
         align-items: center;

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;