@saooti/octopus-sdk 39.0.32 → 39.0.34

package/package.json

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

package/src/assets/form.scss

@@ -12,7 +12,11 @@
 		padding: 0.5rem 0 0;
 		color: black;
 		font-weight: bold;
-		margin-bottom: 0.2rem;
+		font-size: 0.9rem;
+		margin-bottom: 0.5rem;
+	}
+	.form-margin{
+		margin-bottom: 1rem;
 	}
 	.counter-align-right{
 		flex-grow: 1;

package/src/assets/general.scss

@@ -231,6 +231,9 @@ body{
   .word-break-word{
     word-break: break-word;
   }
+  .border{
+		border-radius: $octopus-borderradius;
+	}
 
   .html-wysiwyg-content{
     h3,h4{

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

@@ -90,7 +90,6 @@ export default defineComponent({
   },
   watch: {
     watchVariable(): void {
-      this.reset();
       this.fetchNext();
     },
   },
@@ -138,6 +137,7 @@ export default defineComponent({
         },
         true,
       );
+      this.reset();
       this.allPodcasts = this.allPodcasts.concat(
         data.result.filter((pod: Podcast | null) => null !== pod),
       );
@@ -146,13 +146,11 @@ export default defineComponent({
     sortPopular(): void {
       if (this.popularSort) return;
       this.popularSort = true;
-      this.reset();
       this.fetchNext();
     },
     sortChrono(): void {
       if (!this.popularSort) return;
       this.popularSort = false;
-      this.reset();
       this.fetchNext();
     },
     reset(): void {

package/src/components/form/ClassicInputText.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="d-flex flex-column classic-input-text">
+  <div 
+    class="d-flex flex-column classic-input-text" 
+    :class="{'form-margin':displayLabel}"
+  >
     <div class="d-flex">
       <label
         class="form-label"

package/src/components/form/ClassicMultiselect.vue

@@ -3,6 +3,7 @@
     :class="{
       'multiselect-in-modal': inModal,
       'multiselect-no-deselect': noDeselect,
+      'form-margin':displayLabel
     }"
     :style="{ width: width }"
   >

package/src/components/form/ClassicSelect.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="classic-select">
+  <div class="classic-select" :class="{'form-margin':displayLabel}">
     <label
       :for="idSelect"
-      class="form-label mt-2"
+      class="form-label"
       :class="displayLabel ? '' : 'd-none'"
       >{{ label }}</label
     >

package/src/components/misc/ClassicAccordion.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="my-2"
+    class="my-4"
     :class="[
       displayAccordion ? 'octopus-accordion' : '',
       isOpen ? 'octopus-accordion-open' : '',
@@ -67,16 +67,22 @@ export default defineComponent({
     background: white;
     min-height: 50px;
     color: $octopus-primary-color;
+    font-size:0.9rem;
     border: 1px solid transparent;
+    border-bottom-color: #b8b8b8;
+    font-weight: bold;
     &:hover {
-      border: 1px solid $octopus-primary-color;
+      border-bottom-color: #535353;
     }
   }
   &.octopus-accordion-open {
-    border: 1px solid $octopus-primary-color;
+    border-radius: $octopus-borderradius;
+    border: 1px solid #e0e0e0;
     > button {
-      background: $octopus-primary-color;
-      color: white;
+      border-radius: $octopus-borderradius 0 0;
+      background: #e9e9e9;
+      border-color: transparent;
+      color: black;
     }
   }
   .img-accordion {
@@ -88,8 +94,5 @@ export default defineComponent({
     justify-content: center;
     align-items: center;
   }
-  .body {
-    border-top: 1px solid $octopus-primary-color;
-  }
 }
 </style>

package/src/components/misc/TopBarMainContent.vue

@@ -23,6 +23,7 @@
         v-else
         :src="proxyImageUrl(imgUrl, '', '80')"
         :alt="$t('Visual', { name: filterName })"
+        class="client-logo"
         :class="isEducation ? 'educationLogo' : ''"
       />
     </router-link>
@@ -285,6 +286,9 @@ export default defineComponent({
         text-underline-offset: 8px;
       }
     }
+    .client-logo{
+      border-radius: $octopus-borderradius;
+    }
     .top-bar-logo img {
       max-width: 140px !important;
       max-height: 4rem;