@asd20/ui 3.2.519 → 3.2.520

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-lock.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@asd20/ui",
3
- "version": "3.2.518",
3
+ "version": "3.2.519",
4
4
  "lockfileVersion": 1,
5
5
  "requires": true,
6
6
  "dependencies": {
7
7
  "@asd20/notifications-ui": {
8
- "version": "0.11.2",
9
- "resolved": "https://registry.npmjs.org/@asd20/notifications-ui/-/notifications-ui-0.11.2.tgz",
10
- "integrity": "sha512-Q7PuM8cIZ10f8RUt0IrIlB7WxxrCW+cLk7ei9G8xGaPuC8yMJ6NFng3T5f/h6NXA/bDWc2sHQcYpfsAh0wWmYA==",
8
+ "version": "0.11.3",
9
+ "resolved": "https://registry.npmjs.org/@asd20/notifications-ui/-/notifications-ui-0.11.3.tgz",
10
+ "integrity": "sha512-9QuoJbn/xAiEaOCDa3U7c8WVBSrAJohA01MbdhmgjEfqGehezfPaY2ARBwCCfID2WGvqorAXCIcYcI3kDn3x+w==",
11
11
  "requires": {
12
12
  "@babel/runtime": "^7.10.2",
13
13
  "@vue/web-component-wrapper": "^1.2.0",
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.519",
8
+ "version": "3.2.520",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -28,7 +28,7 @@
28
28
  "@asd20/notifications-ui": "^0.8.20"
29
29
  },
30
30
  "dependencies": {
31
- "@asd20/notifications-ui": "^0.11.2",
31
+ "@asd20/notifications-ui": "^0.11.3",
32
32
  "axios": "^0.19.2",
33
33
  "basicscroll": "^3.0.2",
34
34
  "countup.js": "^2.0.0",
@@ -106,10 +106,10 @@ export default {
106
106
  right: 0;
107
107
  z-index: 100;
108
108
  padding: space(0.25) space(0);
109
- display: flex;
109
+ // display: flex;
110
110
  justify-content: space-between;
111
111
  align-items: center;
112
- margin: auto;
112
+ margin: 0 1rem;
113
113
  // flex-direction: column;
114
114
 
115
115
  & /deep/ .notification-group--status {
@@ -249,6 +249,7 @@ export default {
249
249
  position: absolute;
250
250
  margin: space(2) space(1) space(2) space(2);
251
251
  width: 95%;
252
+ display: flex;
252
253
  }
253
254
  .scroll-down-indicator {
254
255
  display: block;
@@ -43,7 +43,13 @@
43
43
  </client-only>
44
44
  <!-- </template>
45
45
  <template slot="top"> -->
46
- <div class="notification-wrapper">
46
+ <div
47
+ :class="
48
+ activeNotificationsByType.floating.length > 0
49
+ ? 'double-notification-wrapper'
50
+ : 'notification-wrapper'
51
+ "
52
+ >
47
53
  <client-only>
48
54
  <asd20-notification-group
49
55
  :notifications="activeNotificationsByType.status"
@@ -179,6 +185,11 @@ export default {
179
185
  display: none;
180
186
  }
181
187
  .notification-wrapper {
188
+ display: flex;
189
+ flex-direction: row;
190
+ justify-content: center;
191
+ }
192
+ .double-notification-wrapper {
182
193
  display: flex;
183
194
  flex-direction: row;
184
195
  justify-content: space-between;