Dropdowns can expand up, draw tests

NASA-AMMOS · Mar 16, 2022 · 909ce18 · 909ce18
1 parent f85b117
commit 909ce18
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/src/essence/Tools/Draw/DrawTool.test.js b/src/essence/Tools/Draw/DrawTool.test.js
@@ -866,11 +866,10 @@ var Test = {
                     )
                     $('#mmgisModal .drawToolFileSave').click()
 
-                    $(
-                        '#drawToolDrawFilesList > li:nth-child(2) .drawToolFileEdit'
-                    ).click()
-
                     setTimeout(function () {
+                        $(
+                            '#drawToolDrawFilesList > li:nth-child(2) .drawToolFileEdit'
+                        ).click()
                         c(
                             'File name updates',
                             $(
@@ -895,7 +894,7 @@ var Test = {
                         )
 
                         $('#mmgisModal .drawToolFileCancel').click()
-                    }, Test.timeout)
+                    }, Test.timeout * 3)
                 }, Test.timeout)
             },
         },

diff --git a/src/essence/Tools/Layers/Filtering/Filtering.js b/src/essence/Tools/Layers/Filtering/Filtering.js
@@ -478,7 +478,8 @@ const Filtering = {
                     `<i class='mdi mdi-greater-than mdi-18px' title='Greater than'></i>`,
                 ],
                 'op',
-                opId
+                opId,
+                { openUp: true }
             )
         )
         Dropy.init($(elmId), function (idx) {

diff --git a/src/external/Dropy/dropy.css b/src/external/Dropy/dropy.css
@@ -128,3 +128,10 @@ dd {
 .dropy.dark .dropy__title:hover {
     border-color: #cccccc;
 }
+
+.dropy.openUp .dropy__content {
+    top: unset;
+}
+.dropy.openUp .dropy__content > ul {
+    transform: translateY(-100%);
+}
diff --git a/src/external/Dropy/dropy.js b/src/external/Dropy/dropy.js
@@ -12,10 +12,11 @@ export default {
     // items []
     // placeholder
     // selectedIndex int null for none
-    construct: function (items, placeholder, selectedIndex) {
+    construct: function (items, placeholder, selectedIndex, options) {
+        options = options || {}
         // prettier-ignore
         return [
-            '<dl class="dropy">',
+            `<dl class="dropy${options.openUp === true ? ' openUp' : ''}">`,
                 `<dt class="dropy__title"><span>${items[selectedIndex] || placeholder}</span></dt>`,
                 '<dd class="dropy__content">',
                     '<ul>',
-Original file line number
+Diff line change
@@ Expand Up / @@ -478,7 +478,8 @@ const Filtering = { @@
                         `<i class='mdi mdi-greater-than mdi-18px' title='Greater than'></i>`,
                     ],
                     'op',
-                    opId
+                    opId,
+                    { openUp: true }
                 )
             )
             Dropy.init($(elmId), function (idx) {
@@ Expand Down @@