Add styles to edit-text[disabled]

elsci-io · Jan 29, 2024 · 6e95158 · 6e95158
1 parent 9dec635
commit 6e95158
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@elsci-io/ui-essential",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "description": "Material Design components created for products built by elsci.io",
   "main": "src/index.js",
   "type": "module",

diff --git a/src/EditText/EditText.scss b/src/EditText/EditText.scss
@@ -30,4 +30,12 @@
 edit-text .edit-text__text {
   text-decoration: underline;
   cursor: pointer;
+}
+
+edit-text[disabled] .edit-text__text {
+  text-decoration: none;
+  cursor: default;
+  font-weight: normal;
+  opacity: 0.5;
+  pointer-events: none;
 }
diff --git a/src/index.html b/src/index.html
@@ -175,6 +175,13 @@ <h1>Elsci Essential Components</h1>
                     ></edit-text>
                 </div>
             </li>
+            <li class="input-element__item">
+                <div>
+                    <edit-text disabled name="disabled"
+                            value="20m/z (disabled)"
+                    ></edit-text>
+                </div>
+            </li>
         </ul>
         <a href="#edit-text">Read more</a></div>