fix(wizard): tooltip and ellipsis on long category name

pluginsGLPI · May 19, 2022 · 77036a9 · 77036a9
1 parent 1f02685
commit 77036a9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/css/styles.scss b/css/styles.scss
@@ -508,6 +508,17 @@ tr[data-itemtype="PluginFormcreatorCondition"] ~ tr[data-itemtype="PluginFormcre
       border: none;
       padding: 16px;
       height: 51px;
+      span {
+         white-space: nowrap;
+         overflow: hidden;
+         text-overflow: ellipsis;
+         display: inline-block;
+         width: calc(100% - 20px);
+      }
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: calc(100% - 20px);
    }
 
    li ul {
@@ -537,7 +548,6 @@ tr[data-itemtype="PluginFormcreatorCondition"] ~ tr[data-itemtype="PluginFormcre
 
    a.next:after {
       content: '\276f';
-      margin-left: 1em;
       float: right;
    }
 

diff --git a/js/scripts.js b/js/scripts.js
@@ -357,7 +357,8 @@ function buildCategoryList(tree) {
    if (tree.id != 0) {
       html = '<a href="#" data-parent-category-id="' + tree.parent +'"'
          + ' data-category-id="' + tree.id + '"'
-         + ' onclick="plugin_formcreator.updateWizardFormsView(this)">'
+         + ' onclick="plugin_formcreator.updateWizardFormsView(this)"'
+         + 'title="' + tree.name + '">'
          + tree.name
          + '</a>';
    }