bfg-common 1.3.463 → 1.3.465

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 (2) hide show
  1. package/assets/scss/common/normalize.scss +340 -330
  2. package/package.json +1 -1
package/assets/scss/common/normalize.scss CHANGED
@@ -1,330 +1,340 @@
1
- @import 'mixins';
2
- * {
3
- box-sizing: border-box;
4
- }
5
- html.dark-theme body {
6
- *:not(svg, path, rect, line, defs, g, clipPath) {
7
- color: #e9ecef;
8
- }
9
- .main-container {
10
- background: #1b2a32;
11
- }
12
- }
13
-
14
- * button:focus {
15
- outline: none;
16
- }
17
- body span,
18
- body p,
19
- body *,
20
- body {
21
- @include text();
22
- }
23
- h1,
24
- h2,
25
- h3,
26
- h4,
27
- h5,
28
- h6,
29
- body p {
30
- margin: 0;
31
- color: #565656;
32
- }
33
-
34
- b {
35
- font-weight: bolder;
36
- }
37
- .font-weight-bold {
38
- font-weight: 700;
39
- }
40
-
41
- .flex {
42
- display: flex;
43
- }
44
- .inline-block {
45
- display: inline-block;
46
- }
47
- .table-row {
48
- display: table-row;
49
- }
50
- .table-cell {
51
- display: table-cell;
52
- }
53
-
54
- .flex-1 {
55
- flex: 1;
56
- }
57
-
58
- .flex-align-center {
59
- @include flex($align: center);
60
- }
61
- .flex-align-start {
62
- @include flex($align: flex-start);
63
- }
64
- .flex-space-between {
65
- @include flex($just: space-between);
66
- }
67
- .flex-justify-end {
68
- @include flex($just: flex-end);
69
- }
70
- .flex-justify-center {
71
- @include flex($just: center);
72
- }
73
- .flex-direction-column {
74
- @include flex($dir: column);
75
- }
76
-
77
- .z-index-1 {
78
- z-index: 1;
79
- }
80
- .z-index-10 {
81
- z-index: 10;
82
- }
83
- .z-index-100 {
84
- z-index: 100;
85
- }
86
- .z-index-1000 {
87
- z-index: 1000;
88
- }
89
- .z-index-10000 {
90
- z-index: 10000;
91
- }
92
- .z-index-100000 {
93
- z-index: 100000;
94
- }
95
- .z-index-1000000 {
96
- z-index: 1000000;
97
- }
98
-
99
- .relative {
100
- position: relative;
101
- }
102
- .absolute-center {
103
- position: absolute;
104
- top: 50%;
105
- left: 50%;
106
- transform: translateX(-50%) translateY(-50%);
107
- }
108
- .absolute-cover {
109
- position: absolute;
110
- top: 0;
111
- left: 0;
112
- right: 0;
113
- bottom: 0;
114
- }
115
-
116
- .text-ellipsis {
117
- text-overflow: ellipsis;
118
- white-space: nowrap;
119
- overflow: hidden;
120
- }
121
-
122
- .pre-line {
123
- white-space: pre-line;
124
- }
125
-
126
- .word-break-all {
127
- word-break: break-all;
128
- }
129
-
130
- .color-red {
131
- color: red;
132
- }
133
-
134
- .div-disabled {
135
- pointer-events: none;
136
- cursor: not-allowed;
137
- opacity: 0.6;
138
- }
139
-
140
- .pointer {
141
- cursor: pointer !important;
142
- }
143
-
144
- .default {
145
- cursor: default !important;
146
- }
147
-
148
- .text-decoration-none {
149
- text-decoration: none !important;
150
- }
151
- //
152
- //a.active,
153
- //a.router-link-active {
154
- // pointer-events: none;
155
- //}
156
-
157
- .no-selection {
158
- user-select: none;
159
- -webkit-user-select: none;
160
- -moz-user-select: none;
161
- -khtml-user-select: none;
162
- -ms-user-select: none;
163
- }
164
-
165
- .fill-parent {
166
- display: flex;
167
- height: 100%;
168
- width: 100%;
169
- overflow: visible;
170
- }
171
- .horizontal {
172
- flex-direction: row;
173
- }
174
- .vertical {
175
- flex-direction: column;
176
- }
177
- .gutter {
178
- background-color: #eee;
179
- transition-property: background-color;
180
- transition-delay: 0.25s;
181
- transition-duration: 0.25s;
182
- }
183
-
184
- .clr-icon {
185
- display: inline-block;
186
- margin: 0;
187
- height: 16px;
188
- width: 16px;
189
- vertical-align: middle;
190
- }
191
-
192
- .select {
193
- select {
194
- appearance: none;
195
- margin: 0;
196
- border: 0;
197
- border-radius: 0;
198
- box-shadow: none;
199
- background: 0 0;
200
- height: 1.2rem;
201
- color: #000;
202
- display: inline-block;
203
- min-width: 3rem;
204
- border-bottom: 1px solid #9a9a9a;
205
- background: linear-gradient(180deg, transparent 95%, #0095d3 0) no-repeat;
206
- background-size: 0 100%;
207
- transition: background-size 0.2s ease;
208
- position: relative;
209
- padding: 0 1.1rem 0 0.3rem;
210
- cursor: pointer;
211
- width: 100%;
212
- z-index: 2;
213
- }
214
-
215
- &:after {
216
- position: absolute;
217
- content: '';
218
- height: 0.5rem;
219
- width: 0.5rem;
220
- top: 0.3499998rem;
221
- right: 0.3rem;
222
- //top: 2px;
223
- //right: -16px;
224
- background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
225
- background-repeat: no-repeat;
226
- background-size: contain;
227
- vertical-align: middle;
228
- margin: 0;
229
- }
230
- }
231
-
232
- .signpost-trigger {
233
- position: relative;
234
- overflow: unset;
235
- }
236
-
237
- .tooltip-content {
238
- position: absolute;
239
- top: calc(100% + 12px);
240
- left: 50%;
241
- background-color: var(--tooltip-content-bg-color);
242
- color: var(--tooltip-content-text-color) !important;
243
- border-radius: 3px;
244
- padding: 4px 6px;
245
- z-index: 9999;
246
- &.right {
247
- left: inherit;
248
- right: 50%;
249
- &::before {
250
- left: inherit;
251
- right: 0;
252
- border-left: 5px solid transparent;
253
- border-right: 5px solid var(--tooltip-content-bg-color);
254
- }
255
- }
256
-
257
- &::before {
258
- content: '';
259
- position: absolute;
260
- top: -8px;
261
- left: 0;
262
- border-left: 5px solid var(--tooltip-content-bg-color);
263
- border-bottom: 6px solid var(--tooltip-content-bg-color);
264
- border-top: 6px solid transparent;
265
- border-right: 5px solid transparent;
266
- }
267
- }
268
- .tooltip {
269
- .tooltip-content {
270
- &.tooltip-top-left {
271
- &.error {
272
- background-color: var(--tooltip-content-error-bg-color);
273
- color: white;
274
- &::before {
275
- border-left: 5px solid transparent;
276
- border-bottom: 6px solid transparent;
277
- border-top: 6px solid var(--tooltip-content-error-bg-color);
278
- border-right: 5px solid var(--tooltip-content-error-bg-color);
279
- }
280
- }
281
- }
282
- &.tooltip-top-right {
283
- &.error {
284
- }
285
- }
286
- }
287
- }
288
-
289
- li {
290
- list-style-type: none;
291
- &::marker {
292
- content: '';
293
- }
294
- }
295
-
296
- //.main-container:has(.notification-bar) {
297
- // height: calc(100vh - 36px);
298
- //}
299
- .dropdown-menu {
300
- &.position-right {
301
- left: auto;
302
- right: 0;
303
- min-width: 30ch;
304
- }
305
- }
306
- .description {
307
- color: var(--global-font-color) !important;
308
- }
309
-
310
- /* after refactoring */
311
-
312
- .related-objects {
313
- &__list {
314
- }
315
- &__item {
316
- display: grid;
317
- grid-template-columns: 1fr 1fr;
318
- }
319
- &__heading {
320
- color: var(--global-text-color3) !important;
321
- }
322
- &__link {
323
- cursor: pointer;
324
- color: var(--global-text-color2) !important;
325
- margin-left: 4px;
326
- }
327
- .footer {
328
- height: 30px;
329
- }
330
- }
1
+ @import 'mixins';
2
+ * {
3
+ box-sizing: border-box;
4
+ }
5
+ html:not(.is-new-view).dark-theme body {
6
+ *:not(svg, path, rect, line, defs, g, clipPath) {
7
+ color: #e9ecef;
8
+ }
9
+ .main-container {
10
+ background: #1b2a32;
11
+ }
12
+ }
13
+
14
+ * button:focus {
15
+ outline: none;
16
+ }
17
+ body span,
18
+ body p,
19
+ body *,
20
+ body {
21
+ @include text();
22
+ }
23
+ h1,
24
+ h2,
25
+ h3,
26
+ h4,
27
+ h5,
28
+ h6,
29
+ body p {
30
+ margin: 0;
31
+ }
32
+ html:not(.is-new-view) {
33
+ h1,
34
+ h2,
35
+ h3,
36
+ h4,
37
+ h5,
38
+ h6,
39
+ body p {
40
+ color: #565656;
41
+ }
42
+ }
43
+
44
+ b {
45
+ font-weight: bolder;
46
+ }
47
+ .font-weight-bold {
48
+ font-weight: 700;
49
+ }
50
+
51
+ .flex {
52
+ display: flex;
53
+ }
54
+ .inline-block {
55
+ display: inline-block;
56
+ }
57
+ .table-row {
58
+ display: table-row;
59
+ }
60
+ .table-cell {
61
+ display: table-cell;
62
+ }
63
+
64
+ .flex-1 {
65
+ flex: 1;
66
+ }
67
+
68
+ .flex-align-center {
69
+ @include flex($align: center);
70
+ }
71
+ .flex-align-start {
72
+ @include flex($align: flex-start);
73
+ }
74
+ .flex-space-between {
75
+ @include flex($just: space-between);
76
+ }
77
+ .flex-justify-end {
78
+ @include flex($just: flex-end);
79
+ }
80
+ .flex-justify-center {
81
+ @include flex($just: center);
82
+ }
83
+ .flex-direction-column {
84
+ @include flex($dir: column);
85
+ }
86
+
87
+ .z-index-1 {
88
+ z-index: 1;
89
+ }
90
+ .z-index-10 {
91
+ z-index: 10;
92
+ }
93
+ .z-index-100 {
94
+ z-index: 100;
95
+ }
96
+ .z-index-1000 {
97
+ z-index: 1000;
98
+ }
99
+ .z-index-10000 {
100
+ z-index: 10000;
101
+ }
102
+ .z-index-100000 {
103
+ z-index: 100000;
104
+ }
105
+ .z-index-1000000 {
106
+ z-index: 1000000;
107
+ }
108
+
109
+ .relative {
110
+ position: relative;
111
+ }
112
+ .absolute-center {
113
+ position: absolute;
114
+ top: 50%;
115
+ left: 50%;
116
+ transform: translateX(-50%) translateY(-50%);
117
+ }
118
+ .absolute-cover {
119
+ position: absolute;
120
+ top: 0;
121
+ left: 0;
122
+ right: 0;
123
+ bottom: 0;
124
+ }
125
+
126
+ .text-ellipsis {
127
+ text-overflow: ellipsis;
128
+ white-space: nowrap;
129
+ overflow: hidden;
130
+ }
131
+
132
+ .pre-line {
133
+ white-space: pre-line;
134
+ }
135
+
136
+ .word-break-all {
137
+ word-break: break-all;
138
+ }
139
+
140
+ .color-red {
141
+ color: red;
142
+ }
143
+
144
+ .div-disabled {
145
+ pointer-events: none;
146
+ cursor: not-allowed;
147
+ opacity: 0.6;
148
+ }
149
+
150
+ .pointer {
151
+ cursor: pointer !important;
152
+ }
153
+
154
+ .default {
155
+ cursor: default !important;
156
+ }
157
+
158
+ .text-decoration-none {
159
+ text-decoration: none !important;
160
+ }
161
+ //
162
+ //a.active,
163
+ //a.router-link-active {
164
+ // pointer-events: none;
165
+ //}
166
+
167
+ .no-selection {
168
+ user-select: none;
169
+ -webkit-user-select: none;
170
+ -moz-user-select: none;
171
+ -khtml-user-select: none;
172
+ -ms-user-select: none;
173
+ }
174
+
175
+ .fill-parent {
176
+ display: flex;
177
+ height: 100%;
178
+ width: 100%;
179
+ overflow: visible;
180
+ }
181
+ .horizontal {
182
+ flex-direction: row;
183
+ }
184
+ .vertical {
185
+ flex-direction: column;
186
+ }
187
+ .gutter {
188
+ background-color: #eee;
189
+ transition-property: background-color;
190
+ transition-delay: 0.25s;
191
+ transition-duration: 0.25s;
192
+ }
193
+
194
+ .clr-icon {
195
+ display: inline-block;
196
+ margin: 0;
197
+ height: 16px;
198
+ width: 16px;
199
+ vertical-align: middle;
200
+ }
201
+
202
+ .select {
203
+ select {
204
+ appearance: none;
205
+ margin: 0;
206
+ border: 0;
207
+ border-radius: 0;
208
+ box-shadow: none;
209
+ background: 0 0;
210
+ height: 1.2rem;
211
+ color: #000;
212
+ display: inline-block;
213
+ min-width: 3rem;
214
+ border-bottom: 1px solid #9a9a9a;
215
+ background: linear-gradient(180deg, transparent 95%, #0095d3 0) no-repeat;
216
+ background-size: 0 100%;
217
+ transition: background-size 0.2s ease;
218
+ position: relative;
219
+ padding: 0 1.1rem 0 0.3rem;
220
+ cursor: pointer;
221
+ width: 100%;
222
+ z-index: 2;
223
+ }
224
+
225
+ &:after {
226
+ position: absolute;
227
+ content: '';
228
+ height: 0.5rem;
229
+ width: 0.5rem;
230
+ top: 0.3499998rem;
231
+ right: 0.3rem;
232
+ //top: 2px;
233
+ //right: -16px;
234
+ background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
235
+ background-repeat: no-repeat;
236
+ background-size: contain;
237
+ vertical-align: middle;
238
+ margin: 0;
239
+ }
240
+ }
241
+
242
+ .signpost-trigger {
243
+ position: relative;
244
+ overflow: unset;
245
+ }
246
+
247
+ .tooltip-content {
248
+ position: absolute;
249
+ top: calc(100% + 12px);
250
+ left: 50%;
251
+ background-color: var(--tooltip-content-bg-color);
252
+ color: var(--tooltip-content-text-color) !important;
253
+ border-radius: 3px;
254
+ padding: 4px 6px;
255
+ z-index: 9999;
256
+ &.right {
257
+ left: inherit;
258
+ right: 50%;
259
+ &::before {
260
+ left: inherit;
261
+ right: 0;
262
+ border-left: 5px solid transparent;
263
+ border-right: 5px solid var(--tooltip-content-bg-color);
264
+ }
265
+ }
266
+
267
+ &::before {
268
+ content: '';
269
+ position: absolute;
270
+ top: -8px;
271
+ left: 0;
272
+ border-left: 5px solid var(--tooltip-content-bg-color);
273
+ border-bottom: 6px solid var(--tooltip-content-bg-color);
274
+ border-top: 6px solid transparent;
275
+ border-right: 5px solid transparent;
276
+ }
277
+ }
278
+ .tooltip {
279
+ .tooltip-content {
280
+ &.tooltip-top-left {
281
+ &.error {
282
+ background-color: var(--tooltip-content-error-bg-color);
283
+ color: white;
284
+ &::before {
285
+ border-left: 5px solid transparent;
286
+ border-bottom: 6px solid transparent;
287
+ border-top: 6px solid var(--tooltip-content-error-bg-color);
288
+ border-right: 5px solid var(--tooltip-content-error-bg-color);
289
+ }
290
+ }
291
+ }
292
+ &.tooltip-top-right {
293
+ &.error {
294
+ }
295
+ }
296
+ }
297
+ }
298
+
299
+ li {
300
+ list-style-type: none;
301
+ &::marker {
302
+ content: '';
303
+ }
304
+ }
305
+
306
+ //.main-container:has(.notification-bar) {
307
+ // height: calc(100vh - 36px);
308
+ //}
309
+ .dropdown-menu {
310
+ &.position-right {
311
+ left: auto;
312
+ right: 0;
313
+ min-width: 30ch;
314
+ }
315
+ }
316
+ .description {
317
+ color: var(--global-font-color) !important;
318
+ }
319
+
320
+ /* after refactoring */
321
+
322
+ .related-objects {
323
+ &__list {
324
+ }
325
+ &__item {
326
+ display: grid;
327
+ grid-template-columns: 1fr 1fr;
328
+ }
329
+ &__heading {
330
+ color: var(--global-text-color3) !important;
331
+ }
332
+ &__link {
333
+ cursor: pointer;
334
+ color: var(--global-text-color2) !important;
335
+ margin-left: 4px;
336
+ }
337
+ .footer {
338
+ height: 30px;
339
+ }
340
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.3.463",
4
+ "version": "1.3.465",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",