@rypen-dev/shared-components 5.0.7 → 5.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@rypen-dev/shared-components",
 	"description": "Shared styles and Vuejs ui components for Rypen projects.",
-	"version": "5.0.7",
+	"version": "5.0.8",
 	"main": "./dist/index.js",
 	"scripts": {
 		"build": "webpack --config ./webpack.config.js",

package/scss/partials/_forms.scss

@@ -109,6 +109,7 @@ select {
 
     input:disabled + label {
         color: $medium-gray !important;
+        cursor: default;
     }
 
     &.no-margin {
@@ -169,7 +170,7 @@ select {
     }
 
     input:checked:disabled + label::after {
-        background-image: url($checkbox-image-disabled);
+        background-image: url($checkbox-image-disabled) !important;
     }
     
     &.secondary {
@@ -1447,13 +1448,46 @@ body.hover-capable {
         vertical-align: middle;
         background-repeat: no-repeat;
         background-size: 100% auto;
-        margin-right: 0.5rem;
+        margin-right: 6px;
+    }
+
+    &.cash,
+    &.other,
+    &.wire-transfer,
+    &.square-terminal {
+        span {
+            display: none;
+        }
+    }
+
+    &.check {
+
+    }
+
+    &.ach {
+
+    }
+
+    &.affirm {
+
+    }
+
+    &.apple-pay {
+
+    }
+
+    &.google-pay {
+
+    }
+
+    &.shop-pay {
+
     }
 
     &.paypal {
         span {
-            width: 30px;
-            height: 30px;
+            width: 35px;
+            height: 35px;
             background-image: url('/assets/images/pp258.png');
         }
     }

package/scss/proposalsshared.scss

@@ -20,7 +20,7 @@
         margin-bottom: 30px;
     }
 
-    @media (min-width: map-get($breakpoints, medium)) {
+    @media screen and (min-width: map-get($breakpoints, medium)) {
         margin-top: 50px;
         display: flex;
         justify-content: space-between;