Merge pull request #1408 from lucasnetau/fix-854

Fix GH-854 Show icon for custom controls on mobile phone screen sizes
kevinchappell · Sep 12, 2023 · 70ff193 · 70ff193
2 parents f5bcbe1 + 2c42831
commit 70ff193
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/js/controls.js b/src/js/controls.js
@@ -110,7 +110,7 @@ export default class Controls {
         if (set.icon) {
           label = `<span class="control-icon">${set.icon}</span>${label}`
         }
-        const inputSet = m('li', label, {
+        const inputSet = m('li', m('span', label), {
           className: `input-set-control input-set-${i}`,
         })
         inputSet.dataset.type = name

diff --git a/src/sass/_controls.scss b/src/sass/_controls.scss
@@ -107,8 +107,17 @@
         font-size: 30px;
       }
 
+      & {
+        text-overflow: clip;
+      }
+
       span {
-        display: none;
+        visibility: hidden;
+        span {
+          visibility: visible;
+          font-size: 30px;
+          width: auto !important;
+        }
       }
     }
   }