@saooti/octopus-sdk 30.0.69 → 30.0.70

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
@@ -566,4 +566,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
566
566
  * 30.0.67 Parlement européen
567
567
  * 30.0.68 Parlement européen
568
568
  * 30.0.69 Parlement européen
569
+ * 30.0.70 Améliorations 30
569
570
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "30.0.69",
3
+ "version": "30.0.70",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
@@ -89,6 +89,12 @@
89
89
  background: transparent;
90
90
  color: $octopus-primary-dark;
91
91
  }
92
+ &:disabled{
93
+ background-color: #cccccc;
94
+ border: black;
95
+ cursor: default;
96
+ color: gray;
97
+ }
92
98
  @media (max-width: 500px){
93
99
  margin: 0.3rem;
94
100
  }
@@ -81,14 +81,14 @@
81
81
  >
82
82
  {{ $t('TutoMag') }}
83
83
  </a>
84
- <hr class="dropdown-divider">
85
- <a
86
- class="dropdown-item"
87
- href="/sso/logout"
88
- >
89
- {{ $t('Logout') }}
90
- </a>
91
84
  </template>
85
+ <hr class="dropdown-divider">
86
+ <a
87
+ class="dropdown-item"
88
+ href="/sso/logout"
89
+ >
90
+ {{ $t('Logout') }}
91
+ </a>
92
92
  </template>
93
93
  </div>
94
94
  </div>
@@ -25,7 +25,7 @@
25
25
  </div>
26
26
  <div
27
27
  v-if="display"
28
- class="d-flex align-items-center flex-grow-1 px-5"
28
+ class="d-flex align-items-center flex-grow-1 ps-2"
29
29
  >
30
30
  <audio
31
31
  id="audio-player"
@@ -147,24 +147,30 @@ export default defineComponent({
147
147
 
148
148
  <style lang="scss">
149
149
  .octopus-app{
150
- .player-grow-content {
151
- display: flex;
152
- flex-direction: column;
153
- flex-grow: 1;
154
- flex-shrink: 1;
155
- overflow: hidden;
156
- font-size: 0.8rem;
157
- .progress {
158
- height: 4px;
159
- position: relative;
160
- }
161
- .progress-bar-duration {
162
- width: 10px;
163
- }
164
- .progress-bar {
165
- height: 4px;
166
- position: absolute;
150
+ .player-grow-content {
151
+ display: flex;
152
+ flex-direction: column;
153
+ flex-grow: 1;
154
+ flex-shrink: 1;
155
+ overflow: hidden;
156
+ font-size: 0.8rem;
157
+ .progress {
158
+ height: 4px;
159
+ position: relative;
160
+ @media (max-width: 960px) {
161
+ height: 8px;
162
+ }
163
+ }
164
+ .progress-bar-duration {
165
+ width: 10px;
166
+ }
167
+ .progress-bar {
168
+ height: 4px;
169
+ position: absolute;
170
+ @media (max-width: 960px) {
171
+ height: 8px;
172
+ }
173
+ }
167
174
  }
168
175
  }
169
- }
170
176
  </style>