@saooti/octopus-sdk 31.0.49 → 31.0.50

package/README.md

@@ -640,3 +640,4 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.47 Pétouilles Css multiselect
  * 31.0.48 Icones change 
  * 31.0.49 Style select
+ * 31.0.50 Améliorations responsive

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "31.0.49",
+  "version": "31.0.50",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/assets/form.scss

@@ -11,10 +11,11 @@
 	select {
 		background: white !important;
 		outline-color: transparent !important;
-		padding: 0.25rem 0.4rem;;
+		padding: 0.25rem 0.4rem;
 		border: 0.1rem solid #dee2e6;
 		border-radius: 0.3rem;
 		height: 2rem;
+		padding-right: 40px;
 	}
 	.form-check-label {
 		cursor: pointer;

package/src/assets/modal.scss

@@ -24,9 +24,6 @@
 		border-radius: 0.8rem 0.8rem 0 0;
 		background: $octopus-primary-dark;
 		color: white;
-        @media (max-width: 450px) {
-            padding: 1rem 0;
-        } 
     }
 	.modal-body{
 		overflow-x: auto;
@@ -34,9 +31,6 @@
 			min-height: 200px;
 			height: 200px;
 		}
-		@media (max-width: 500px){
-			padding: 0;
-		}
 	}
 	.modal-dialog, .modal-content {
 		min-height: 300px;

package/src/assets/multiselect.scss

@@ -61,7 +61,7 @@
         cursor: pointer;
         position: absolute;
         right: 10px;
-        top: 11px;
+        top: 0.4rem;
         margin: 0;
         background-color: #ccc;
         border-radius: 50%;
@@ -69,9 +69,6 @@
             position: relative;
             top:2px;
         }
-        @media (max-width: 450px) {
-            top: 14px;
-        }
     }