@saooti/octopus-sdk 36.0.35 → 36.0.36

package/package.json

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

package/src/assets/bootstrap.scss

@@ -69,7 +69,7 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 	}
 	.btn{
 		display: inline-block;
-		padding: 0.5rem;
+		padding: 0.4rem;
 		line-height: 1.5;
 		color: #212529;
 		text-align: center;

package/src/assets/form.scss

@@ -1,6 +1,7 @@
 .octopus-app{
 	.octopus-form-item{
 		min-height: 1.44rem;
+    padding: 0.4rem 0;
 	}
 	.form-label {
 		display: block;

package/src/components/display/categories/CategoryFilter.vue

@@ -182,7 +182,7 @@ export default defineComponent({
 .octopus-app{
   .header-img{
     display: flex;
-    min-height: 15rem;
+    min-height: 10rem;
     background-size: cover;
     background-position: center;
     h1{

package/src/components/display/filter/DateFilter.vue

@@ -14,9 +14,8 @@
         :label="$t('From the :')"
       />
       <ClassicDatePicker
-        class="ps-3 pe-3"
         :date="fromDate"
-        template-class="px-2 py-1 border rounded focus:border-blue-300"
+        template-class="mx-2 px-2 py-1 border rounded focus:border-blue-300"
         @updateDate="fromDate=$event;updateFromDate"
       />
     </div>
@@ -28,9 +27,8 @@
         :label="$t('To the :')"
       />
       <ClassicDatePicker
-        class="ps-3"
         :date="toDate"
-        template-class="px-2 py-1 border rounded focus:border-blue-300"
+        template-class="ms-2 px-2 py-1 border rounded focus:border-blue-300"
         @updateDate="toDate=$event;updateToDate"
       />
     </div>

package/src/components/display/filter/RubriqueFilter.vue

@@ -11,7 +11,7 @@
     />
     <div
       v-if="isRubriquage"
-      class="d-flex flex-column mb-2 flex-grow-1"
+      class="d-flex ms-1 flex-column mb-2 flex-grow-1"
     >
       <RubriqueChoice 
         v-for="(filter, index) in arrayFilter"

package/src/components/display/podcasts/PodcastImage.vue

@@ -318,10 +318,10 @@ export default defineComponent({
   .image-play-button .play-button-error-icon {
     background: #0000009d !important;
     cursor: default !important;
-    align-self: center;
-    margin-bottom: calc(50% - 1rem);
+    /* align-self: center;
+    margin-bottom: calc(50% - 1rem); */
     .big-icon-error {
-      font-size: 2rem;
+      font-size: 1.5rem;
       position: relative;
     }
   }

package/src/components/form/ClassicMultiselect.vue

@@ -174,6 +174,9 @@ import vSelect from "vue-select";
   .vs__dropdown-option{
     white-space: initial;
   }
+  .vs--searchable .vs__dropdown-toggle{
+    cursor: pointer;
+  }
   .vs__search:focus{
     min-width: 150px;
   }

package/src/components/form/ClassicRadio.vue

@@ -7,7 +7,7 @@
       v-for="option in options"
       :key="option.title"
       class="octopus-form-item"
-      :class="isColumn? 'mb-2':'me-2'"
+      :class="isColumn? 'd-flex align-items-center':'me-2'"
     >
       <input
         :id="idRadio + option.value"

package/src/components/misc/Popover.vue

@@ -167,9 +167,9 @@ export default defineComponent({
 	z-index: 9999;
 	&.octopus-dropdown{
 		min-width: 200px;
-		padding: 0.5rem 1rem;
 		.octopus-dropdown-item{
-			display: block;
+			display: flex;
+    	justify-content: center;
 			color: rgb(29, 29, 29);
 			width: 100%;
 			padding: 0.25rem 1rem;

package/src/components/misc/player/PlayerLarge.vue

@@ -59,6 +59,7 @@
     </div>
     <div class="d-flex align-items-center flex-grow-1">
       <button
+        title="-15''"
         class="btn fs-1 bg-transparent text-light saooti-backward"
         @click="seekClick(-15)"
       />
@@ -78,6 +79,7 @@
         />
       </button>
       <button
+        title="+15''"
         class="btn fs-1 bg-transparent text-light saooti-forward"
         @click="seekClick(15)"
       />