@saooti/octopus-sdk 30.0.5 → 30.0.6

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.
package/README.md CHANGED
@@ -496,9 +496,11 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
496
496
  * 29.0.27 Petit cursor:pointer des familles
497
497
  * 29.0.28 Petite couleur des familles
498
498
  * 29.0.29 Amélioration Popover
499
+ * 29.0.30 Amélioration Popover
499
500
 
500
501
  * 30.0.1 Nouveau sprint
501
502
  * 30.0.2 Correction css
502
503
  * 30.0.3 Ajout tag page podcast
503
504
  * 30.0.4 Remplacer la version "classique" des miniplayers par la version beta
504
505
  * 30.0.5 Tri des classes dans des sous dossiers
506
+ * 30.0.6 Merge 29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "30.0.5",
3
+ "version": "30.0.6",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
@@ -35,21 +35,6 @@
35
35
  cursor: pointer;
36
36
  }
37
37
 
38
- .basic-select{
39
- background: white;
40
- min-height: 40px;
41
- text-align: left;
42
- color: #35495e;
43
- padding: 0.5rem;
44
- border-radius: 0.3rem;
45
- border-style: none;
46
- outline: transparent;
47
- width: 350px;
48
- margin-bottom: 1rem;
49
- overflow: hidden;
50
- text-overflow: ellipsis;
51
- }
52
-
53
38
  .filter-search-input{
54
39
  flex-grow: 1;
55
40
  height: 2rem;
@@ -7,7 +7,7 @@
7
7
  .default-multiselect-width {
8
8
  width: 100%;
9
9
  }
10
- .default-multiselect-width .basic-select {
10
+ .default-multiselect-width {
11
11
  width: auto;
12
12
  -webkit-appearance: none;
13
13
  -moz-appearance: none;
@@ -18,6 +18,7 @@
18
18
  <template v-else>
19
19
  <b
20
20
  :id="'popover-comment' + comment.comId"
21
+ tabindex="-1"
21
22
  class="mr-2 text-danger"
22
23
  >{{
23
24
  comment.name
@@ -436,10 +436,6 @@ export default defineComponent({
436
436
  }
437
437
  }
438
438
  padding: 1rem;
439
- .basic-select {
440
- width: 100%;
441
- margin: 0 !important;
442
- }
443
439
 
444
440
  label.wrap {
445
441
  width: 100%;
@@ -6,6 +6,7 @@
6
6
  {{ title }}
7
7
  <span
8
8
  :id="idPopover"
9
+ tabindex="-1"
9
10
  class="saooti-help m-0"
10
11
  :aria-label="$t('Help')"
11
12
  />
@@ -14,13 +14,13 @@
14
14
  v-if="authenticated"
15
15
  id="popover-share-help"
16
16
  role="button"
17
+ tabindex="-1"
17
18
  class="saooti-help ml-2"
18
19
  :aria-label="$t('Help')"
19
20
  />
20
21
  <Popover
21
22
  v-if="authenticated"
22
23
  target="popover-share-help"
23
- triggers="hover"
24
24
  placement="right"
25
25
  >
26
26
  {{ $t('Share this page without edit and share blocks') }}
@@ -45,7 +45,7 @@ export default defineComponent({
45
45
  function initPopover(){
46
46
  instance.value = new Popover(`#${props.target}`, {
47
47
  container: 'body',
48
- trigger: "click hover",
48
+ trigger: "hover focus",
49
49
  placement: props.placement,
50
50
  title: titleRef.value?.innerHTML || '',
51
51
  content: contentRef.value?.innerHTML || '',
@@ -104,4 +104,10 @@ export default defineComponent({
104
104
  }
105
105
 
106
106
  })
107
- </script>
107
+ </script>
108
+ <style lang="scss">
109
+ .popover{
110
+ max-height: 80vh;
111
+ overflow: auto;
112
+ }
113
+ </style>