FOUR-19233 Buttons Conceal and Reveal are not the Same as in Figma

ProcessMaker · Oct 8, 2024 · 81b4360 · 81b4360
1 parent 7cc2935
commit 81b4360
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/renderer/form-masked-input.vue b/src/components/renderer/form-masked-input.vue
@@ -52,7 +52,7 @@
       />
       <b-button variant="outline-secondary conceal-reveal-btn" @click="concealOrReveal">
         <i :class="iconBtn"></i>
-        {{ labelBtn }}
+        <span> {{ labelBtn }} </span>
       </b-button>
     </div>
 
@@ -478,7 +478,12 @@ export default {
   width: 100%;
 }
 .conceal-reveal-btn {
-  width: 20%;
+  width: 25%;
   margin-left: 5px;
 }
+@media screen and (max-width: 1000px) {
+  .conceal-reveal-btn span {
+    display: none;
+  }
+}
 </style>