@saooti/octopus-sdk 30.0.23 → 30.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/README.md +5 -1
  2. package/package.json +1 -1
  3. package/src/assets/bootstrap-diff.scss +2 -3
  4. package/src/components/display/categories/CategoryList.vue +1 -1
  5. package/src/components/display/comments/AddCommentModal.vue +1 -1
  6. package/src/components/display/comments/CommentInput.vue +3 -3
  7. package/src/components/display/comments/CommentItem.vue +1 -1
  8. package/src/components/display/comments/CommentList.vue +1 -1
  9. package/src/components/display/emission/EmissionInlineList.vue +1 -1
  10. package/src/components/display/emission/EmissionList.vue +1 -1
  11. package/src/components/display/filter/MonetizableFilter.vue +1 -1
  12. package/src/components/display/filter/ProductorSearch.vue +1 -1
  13. package/src/components/display/live/LiveHorizontalList.vue +1 -1
  14. package/src/components/display/playlist/PlaylistList.vue +1 -1
  15. package/src/components/display/playlist/PodcastList.vue +1 -1
  16. package/src/components/display/podcasts/PodcastInlineList.vue +1 -2
  17. package/src/components/display/podcasts/PodcastList.vue +1 -1
  18. package/src/components/display/podcasts/TagList.vue +4 -2
  19. package/src/components/display/rubriques/RubriqueList.vue +2 -2
  20. package/src/components/display/sharing/ShareDistribution.vue +1 -1
  21. package/src/components/display/sharing/SharePlayer.vue +5 -2
  22. package/src/components/misc/HomeDropdown.vue +1 -1
  23. package/src/components/misc/TopBar.vue +6 -1
  24. package/src/components/misc/modal/ClipboardModal.vue +1 -1
  25. package/src/components/misc/modal/MessageModal.vue +2 -2
  26. package/src/components/misc/modal/NewsletterModal.vue +1 -1
  27. package/src/components/misc/modal/QrCodeModal.vue +1 -1
  28. package/src/components/misc/modal/ShareModalPlayer.vue +1 -1
  29. package/src/components/pages/Playlists.vue +1 -1
package/README.md CHANGED
@@ -520,4 +520,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
520
520
  * 30.0.20 Petit refacto commentaires
521
521
  * 30.0.21 #10701 & #10698
522
522
  * 30.0.22 Accessibilité
523
- * 30.0.23 Css + Accessibilité
523
+ * 30.0.23 Css + Accessibilité
524
+ * 30.0.24 Css + Accessibilité
525
+ * 30.0.25 Css + Accessibilité
526
+ * 30.0.26 Css + Accessibilité
527
+ * 30.0.27 Top bar responsive
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "30.0.23",
3
+ "version": "30.0.27",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
@@ -82,9 +82,6 @@
82
82
  border: 2px solid $octopus-primary-dark;
83
83
  color: white;
84
84
  font-weight: bold;
85
- margin: 2rem;
86
- width: fit-content;
87
- align-self: center;
88
85
  &:focus,
89
86
  &:hover,
90
87
  &:active,
@@ -129,6 +126,7 @@
129
126
  display: inline-flex;
130
127
  align-items: center;
131
128
  justify-content: center;
129
+ color : $octopus-primary-dark;
132
130
  }
133
131
 
134
132
  }
@@ -141,6 +139,7 @@
141
139
  display: inline-flex;
142
140
  align-items: center;
143
141
  justify-content: center;
142
+ color : $octopus-primary-dark;
144
143
  }
145
144
 
146
145
  .btn-rss {
@@ -8,7 +8,7 @@
8
8
  v-for="category in categories"
9
9
  :id="'category' + category.id"
10
10
  :key="category.id"
11
- class="category-item text-dark secondary-bg"
11
+ class="category-item text-dark bg-white"
12
12
  @click="checkIfFilter(category)"
13
13
  >
14
14
  {{ category.name }}
@@ -47,7 +47,7 @@
47
47
  </button>
48
48
  <button
49
49
  v-if="!sending"
50
- class="btn btn-primary m-1"
50
+ class="btn btn-link m-1"
51
51
  :disabled="name.length <= 2"
52
52
  @click="validateName"
53
53
  >
@@ -25,7 +25,7 @@
25
25
  {{ $t('Cancel') }}
26
26
  </button>
27
27
  <button
28
- class="btn btn-primary"
28
+ class="btn btn-link"
29
29
  :disabled="temporaryName.length < 2"
30
30
  @click="validEdit"
31
31
  >
@@ -52,7 +52,7 @@
52
52
  {{ $t('Cancel') }}
53
53
  </button>
54
54
  <button
55
- class="btn btn-primary"
55
+ class="btn btn-link"
56
56
  :disabled="0 === newComment.trim().length"
57
57
  @mousedown="requestToSend"
58
58
  >
@@ -295,7 +295,7 @@ export default defineComponent({
295
295
  @import '../../../sass/_variables.scss';
296
296
  .comment-input-container {
297
297
  textarea::placeholder {
298
- color: $octopus-primary-color;
298
+ color: $octopus-primary-dark;
299
299
  }
300
300
  textarea:focus::placeholder {
301
301
  color: black;
@@ -27,7 +27,7 @@
27
27
  {{ $t('Cancel') }}
28
28
  </button>
29
29
  <button
30
- class="btn btn-primary m-1"
30
+ class="btn btn-link m-1"
31
31
  :disabled="0 === temporaryContent.length || temporaryName.length < 2"
32
32
  @click="validEdit"
33
33
  >
@@ -25,7 +25,7 @@
25
25
  </transition-group>
26
26
  <button
27
27
  v-show="!allFetched && (!loading || 0!==first)"
28
- class="btn btn-primary mt-2"
28
+ class="btn btn-link mt-2"
29
29
  :class="comId ? 'align-self-start' : 'align-self-center'"
30
30
  :disabled="loading"
31
31
  :title="$t('See more comments')"
@@ -57,7 +57,7 @@
57
57
  <router-link
58
58
  v-if="!overflowScroll"
59
59
  :to="href"
60
- class="btn btn-link"
60
+ class="btn btn-link align-self-center width-fit-content m-4"
61
61
  >
62
62
  {{
63
63
  buttonText
@@ -41,7 +41,7 @@
41
41
  <button
42
42
  v-show="!allFetched"
43
43
  class="btn"
44
- :class="buttonPlus ? 'btn-link' : 'btn-more'"
44
+ :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4' : 'btn-more'"
45
45
  :disabled="loading"
46
46
  :title="$t('See more')"
47
47
  @click="fetchContent(false)"
@@ -7,7 +7,7 @@
7
7
  <select
8
8
  ref="select"
9
9
  v-model="monetization"
10
- class="ms-2 mb-0 c-hand"
10
+ class="ms-2 mb-0 pe-4 c-hand"
11
11
  @change="onChange"
12
12
  >
13
13
  <option
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="d-flex align-items-center">
2
+ <div class="d-flex align-items-center my-3">
3
3
  <div
4
4
  v-if="!isPodcastmaker && !filterOrga"
5
5
  class="filter-organisation-chooser"
@@ -16,7 +16,7 @@
16
16
  <button
17
17
  v-show="!allFetched"
18
18
  class="btn"
19
- :class="buttonPlus ? 'btn-link mt-3' : 'btn-more'"
19
+ :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4 mt-3' : 'btn-more'"
20
20
  :disabled="inFetching"
21
21
  :title="$t('See more')"
22
22
  @click="displayMore"
@@ -19,7 +19,7 @@
19
19
  <button
20
20
  v-show="!allFetched && loaded"
21
21
  class="btn"
22
- :class="buttonPlus ? 'btn-link':'btn-more'"
22
+ :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4':'btn-more'"
23
23
  :disabled="inFetching"
24
24
  :title="$t('See more')"
25
25
  @click="displayMore"
@@ -40,7 +40,7 @@
40
40
  <button
41
41
  v-show="size < podcasts.length && loaded"
42
42
  class="btn"
43
- :class="buttonPlus ? 'btn-link':'btn-more'"
43
+ :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4':'btn-more'"
44
44
  :title="$t('See more')"
45
45
  @click="displayMore"
46
46
  >
@@ -62,8 +62,7 @@
62
62
  />
63
63
  </transition-group>
64
64
  <router-link
65
- class="btn btn-link"
66
- :class="buttonPlus ? 'btn-link' : ''"
65
+ class="btn btn-link align-self-center width-fit-content m-4"
67
66
  :to="refTo"
68
67
  >
69
68
  {{ buttonText }}
@@ -23,7 +23,7 @@
23
23
  <button
24
24
  v-show="!allFetched && loaded"
25
25
  class="btn"
26
- :class="buttonPlus ? 'btn-link' : 'btn-more'"
26
+ :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4' : 'btn-more'"
27
27
  :disabled="inFetching"
28
28
  :title="$t('See more')"
29
29
  @click="displayMore"
@@ -1,9 +1,11 @@
1
1
  <template>
2
2
  <div
3
- v-if="undefined !== tagList"
3
+ v-if="undefined !== tagList && 0!==tagList.length"
4
4
  class="tag-list-component d-flex align-items-center flex-wrap"
5
5
  >
6
- <div class="fw-bold">{{ $t('Podcast tags') + ": "}}</div>
6
+ <div class="fw-bold">
7
+ {{ $t('Podcast tags') + ": " }}
8
+ </div>
7
9
  <div
8
10
  v-for="(tag, index) in tagList"
9
11
  :key="tag"
@@ -20,7 +20,7 @@
20
20
  v-for="rubrique in rubriqueDisplay"
21
21
  :id="'rubrique' + rubrique.rubriqueId"
22
22
  :key="rubrique.rubriqueId"
23
- class="rubrique-item"
23
+ class="rubrique-item bg-white"
24
24
  @click="addFilter(rubrique)"
25
25
  >
26
26
  {{ rubrique.name }}
@@ -205,7 +205,7 @@ export default defineComponent({
205
205
  white-space: nowrap;
206
206
  flex-shrink: 0;
207
207
  &:hover {
208
- background: #ddd !important;
208
+ background: #eee !important;
209
209
  }
210
210
  }
211
211
  </style>
@@ -7,7 +7,7 @@
7
7
  <input
8
8
  type="button"
9
9
  :value="$t('Copy')"
10
- class="btn btn-primary"
10
+ class="btn btn-link"
11
11
  :title="$t('Copy')"
12
12
  @click="onCopyCode(rss, afterCopy)"
13
13
  >
@@ -366,10 +366,11 @@ export default defineComponent({
366
366
  @import '../../../sass/_variables.scss';
367
367
  .sticker {
368
368
  align-self: center;
369
- background: $primaryColorMoreTransparent;
369
+ background: $octopus-primary-dark;
370
370
  padding: 0.5rem;
371
371
  transition: all 0.5s ease;
372
- color: #41403e;
372
+ color: white;
373
+ font-weight: bold;
373
374
  letter-spacing: 1px;
374
375
  outline: none;
375
376
  box-shadow: 10px 10px 34px -15px hsla(0, 0%, 0%, 0.4);
@@ -377,6 +378,8 @@ export default defineComponent({
377
378
  border: solid 2px #41403e;
378
379
  &:hover {
379
380
  box-shadow: 2px 8px 4px -6px hsla(0, 0%, 0%, 0.3);
381
+ background: transparent;
382
+ color: $octopus-primary-dark;
380
383
  }
381
384
  }
382
385
  .max-iframe {
@@ -4,7 +4,7 @@
4
4
  >
5
5
  <button
6
6
  v-if="authenticated"
7
- class="btn btn-primary m-1"
7
+ class="btn btn-primary hide-phone m-1"
8
8
  @click="goToUrl('/main/priv/backoffice')"
9
9
  >
10
10
  {{ $t('My space') }}
@@ -325,8 +325,13 @@ export default defineComponent({
325
325
  height: 2rem;
326
326
  }
327
327
  }
328
- @media (max-width: 290px) {
328
+ @media (max-width: 380px) {
329
329
  .top-bar-logo img{
330
+ height: 1rem;
331
+ }
332
+ }
333
+ @media (max-width: 290px) {
334
+ .top-bar-logo{
330
335
  display: none;
331
336
  }
332
337
  }
@@ -21,7 +21,7 @@
21
21
  <input
22
22
  type="button"
23
23
  :value="$t('Copy')"
24
- class="btn btn-primary"
24
+ class="btn btn-link"
25
25
  :title="$t('Copy')"
26
26
  @click="onCopyCode(link, afterCopy)"
27
27
  >
@@ -39,13 +39,13 @@
39
39
  </button>
40
40
  <button
41
41
  v-if="thirdText"
42
- class="btn btn-primary m-1"
42
+ class="btn btn-link m-1"
43
43
  @click="onThirdAction"
44
44
  >
45
45
  {{ thirdText }}
46
46
  </button>
47
47
  <button
48
- class="btn btn-primary m-1"
48
+ class="btn btn-link m-1"
49
49
  @click="onValid"
50
50
  >
51
51
  {{ validatetext }}
@@ -71,7 +71,7 @@
71
71
  </div>
72
72
  <div class="modal-footer">
73
73
  <button
74
- class="btn btn-primary m-1"
74
+ class="btn btn-link m-1"
75
75
  @click="closePopup"
76
76
  >
77
77
  {{ $t('Close') }}
@@ -22,7 +22,7 @@
22
22
  </div>
23
23
  <div class="modal-footer">
24
24
  <button
25
- class="btn btn-primary m-1"
25
+ class="btn btn-link m-1"
26
26
  @click="closePopup"
27
27
  >
28
28
  {{ $t('Close') }}
@@ -75,7 +75,7 @@
75
75
  </div>
76
76
  <div class="modal-footer">
77
77
  <button
78
- class="btn btn-primary m-1"
78
+ class="btn btn-link m-1"
79
79
  @click="closePopup"
80
80
  >
81
81
  {{ $t('Close') }}
@@ -4,7 +4,7 @@
4
4
  <router-link
5
5
  v-if="editRight && !isPodcastmaker"
6
6
  to="/main/priv/edit/playlist"
7
- class="d-flex justify-content-center"
7
+ class="d-flex justify-content-center my-3"
8
8
  >
9
9
  <button class="btn btn-primary">
10
10
  {{ $t('Create playlist') }}