feat(extra-features): Standardize touchspin

bootstrap touchspin default styles
2026-01-15 16:37:59 +01:00
parent 16b4475db9
commit b968033b17
2 changed files with 32 additions and 1 deletions
--- a/falcon/_dev/css/theme/custom/components/_buttons.scss
+++ b/falcon/_dev/css/theme/custom/components/_buttons.scss
@@ -14,3 +14,34 @@ $btn-color: (
        color: $color !important;
    }
 }
+
+// bootstrap touchspin. Edit icons under js/theme/components/product.js
+.bootstrap-touchspin {
+    min-width: 100px;
+    flex-wrap: nowrap;
+
+    > input {
+        border-left: 0px;
+        color: $primary;
+        &:focus {
+            box-shadow: none;
+        }
+    }
+
+    .btn {
+        height: 50%;
+        width: 100%;
+        border-radius: 0px;
+        &:first-child {
+            border-bottom: 1px solid $border-color;
+        }
+    }
+
+    .input-touchspin {
+        min-width: rem-calc(66px);
+    }
+
+    .input-group-btn-vertical {
+        min-width: rem-calc(33px);
+    }
+}