Merge pull request #513 from Neriderc/wrap-names

Restore line wrap to start and stop individuals list
Neriderc · Oct 30, 2024 · 0cd2fe8 · 0cd2fe8
2 parents e8e46c1 + fe0d518
commit 0cd2fe8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/resources/css/gvexport.css b/resources/css/gvexport.css
@@ -258,24 +258,16 @@
     display: flex;
 }
 
-.indi_list_item {
-    min-height: 42px;
-    line-height: 36px;
+.list-item-highlight {
+    width: 80%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-}
-
-.list_item_skinny {
-    width: 80% !important;
+    min-height: 40px;
 }
 
 .list_item_content {
     width: 95%;
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
 }
 
 .options-panel-background {

diff --git a/resources/javascript/MainPage/Form.js b/resources/javascript/MainPage/Form.js
@@ -534,7 +534,7 @@ const Form = {
                 listItemIndi.innerHTML = contents + "<div class=\"saved-settings-ellipsis\" onclick=\"Form.indiList.removeItem(event, this.parentElement.parentElement" + ", '" + otherXrefId + "')\"><a class='pointer'>×</a></div>";
                 newListItem.appendChild(listItemIndi);
                 if (colour !== '') {
-                    listItemIndi.setAttribute('class', 'list_item_skinny list_item_content');
+                    listItemIndi.setAttribute('class', 'list-item-highlight');
                     let picker = `<input type="color" class="highlight_picker" data-xref="${xref}" value="${colour}">`;
                     newListItem.innerHTML = newListItem.innerHTML + picker;
                     newListItem.querySelector('.highlight_picker')?.addEventListener('change', Form.indiList.updateHighlightColour);