project-booster-vue 10.20.1 → 10.20.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "project-booster-vue",
3
- "version": "10.20.1",
3
+ "version": "10.20.2",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -92,7 +92,7 @@ $responsive-breakpoint: 'm';
92
92
 
93
93
  @include set-from-screen($responsive-breakpoint) {
94
94
  padding: $mu250;
95
- width: 630px;
95
+ width: 720px;
96
96
  }
97
97
 
98
98
  &__title {
@@ -181,7 +181,7 @@ $responsive-breakpoint: 'm';
181
181
  width: 80%;
182
182
 
183
183
  @include set-from-screen($responsive-breakpoint) {
184
- width: 630px;
184
+ width: 720px;
185
185
  }
186
186
 
187
187
  @include set-font-face('regular');
@@ -36,11 +36,15 @@
36
36
  <m-notification
37
37
  :title="notification.title"
38
38
  :type="notification.type"
39
- :text="notification.text"
40
- :link-label="notification.linkLabel"
41
- @link-click="handleLinkClicked(notification.linkHref)"
42
39
  class="pb-restitution-list__notifications__container__block"
43
- />
40
+ >
41
+ <default>{{ notification.text }}</default>
42
+ <footer>
43
+ <MLink size="m" :href="notification.linkHref" target="_blank">
44
+ {{ notification.linkLabel }}
45
+ </MLink>
46
+ </footer>
47
+ </m-notification>
44
48
  </m-flex>
45
49
  </m-flex>
46
50
  </m-flex>
@@ -242,9 +246,6 @@ export default defineComponent({
242
246
  this.dialogContent = content;
243
247
  this.showDialog = !this.showDialog;
244
248
  },
245
- handleLinkClicked(href: string) {
246
- window.open(href, '_blank');
247
- },
248
249
  handleItemCreated({
249
250
  projectId,
250
251
  estimateName,
@@ -358,7 +359,7 @@ $responsive-breakpoint: 'm';
358
359
  width: calc(100% - 3.2rem);
359
360
 
360
361
  @include set-from-screen($responsive-breakpoint) {
361
- width: 630px;
362
+ width: 720px;
362
363
  margin-top: 0;
363
364
  }
364
365
 
@@ -379,7 +380,7 @@ $responsive-breakpoint: 'm';
379
380
  padding: $mu050;
380
381
 
381
382
  @include set-from-screen($responsive-breakpoint) {
382
- width: 630px;
383
+ width: 720px;
383
384
  flex-direction: row;
384
385
  margin: 0 auto;
385
386
  }
@@ -67,7 +67,7 @@ $responsive-breakpoint: 'm';
67
67
 
68
68
  @include set-from-screen($responsive-breakpoint) {
69
69
  padding: $mu250 0 0 0;
70
- width: 630px;
70
+ width: 720px;
71
71
  }
72
72
 
73
73
  &__title {
@@ -156,7 +156,7 @@ $responsive-breakpoint: 'm';
156
156
  width: 80%;
157
157
 
158
158
  @include set-from-screen($responsive-breakpoint) {
159
- width: 630px;
159
+ width: 720px;
160
160
  }
161
161
 
162
162
  @include set-font-face('regular');
@@ -27,12 +27,15 @@
27
27
  <div>
28
28
  <li>
29
29
  <div v-html="detail.text"></div>
30
+
30
31
  <m-flex v-if="detail.cost.min != detail.cost.max" align-items="center" justify-content="flex-end">
31
32
  <span v-html="formattedPriceRange(detail.cost.min)"></span>
32
33
  <span>&nbsp;et&nbsp;</span>
33
34
  <span v-html="formattedPriceRange(detail.cost.max)"></span>
34
35
  </m-flex>
35
- <div v-else v-html="formattedPriceRange(detail.cost.min)"></div>
36
+ <m-flex v-else align-items="center" justify-content="flex-end">
37
+ <span v-html="formattedPriceRange(detail.cost.min)"></span>
38
+ </m-flex>
36
39
  </li>
37
40
  </div>
38
41
  </ul>