@vitrosoftware/common-ui-ts 1.1.88 → 1.1.89
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/css/std/controls/main/main.css +1 -1
- package/css/std/controls/sidebar/img/bottom-menu-button-next.svg +3 -0
- package/css/std/controls/sidebar/sidebar-item.css +19 -8
- package/css/std/controls/sidebar/sidebar.css +80 -25
- package/dist/index.css +101 -34
- package/dist/index.js +104 -42
- package/dist/index.js.map +1 -1
- package/dist/src/controls/Sidebar/GroupItem.d.ts +1 -0
- package/dist/src/controls/Sidebar/Item.d.ts +2 -0
- package/dist/src/controls/Sidebar/Section.d.ts +1 -0
- package/dist/src/controls/Sidebar/SectionList.d.ts +1 -0
- package/dist/src/controls/Sidebar/Sidebar.d.ts +2 -0
- package/dist/src/controls/Tooltip/Tooltip.d.ts +1 -2
- package/package.json +1 -1
- package/src/controls/BimViewer/js/bim-viewer.js +2 -2
- package/src/controls/PdfViewer/js/pdf-viewer.js +1 -1
- package/css/std/controls/sidebar/img/bottom-menu-button-more.svg +0 -5
|
@@ -33,11 +33,8 @@
|
|
|
33
33
|
width: fit-content;
|
|
34
34
|
align-items: center;
|
|
35
35
|
overflow: hidden;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
ul > li:last-child > ul > li:last-child .vitro-active {
|
|
40
|
-
background-color: transparent;
|
|
36
|
+
height: 100%;
|
|
37
|
+
flex-shrink: 1;
|
|
41
38
|
}
|
|
42
39
|
|
|
43
40
|
.vitro-item-text {
|
|
@@ -129,18 +126,28 @@ ul > li:last-child > ul > li:last-child .vitro-active {
|
|
|
129
126
|
display: none;
|
|
130
127
|
}
|
|
131
128
|
|
|
129
|
+
:global(.vitro-bottom-menu) .vitro-item a > div,
|
|
130
|
+
:global(.vitro-bottom-menu) .vitro-item button > div {
|
|
131
|
+
flex-direction: column;
|
|
132
|
+
height: 100%;
|
|
133
|
+
}
|
|
134
|
+
|
|
132
135
|
:global(.vitro-bottom-menu) .vitro-item-text {
|
|
133
|
-
display: block;
|
|
134
136
|
color: #4A556C;
|
|
135
|
-
font-size:
|
|
136
|
-
line-height:
|
|
137
|
+
font-size: 11px;
|
|
138
|
+
line-height: 11px;
|
|
137
139
|
text-align: center;
|
|
138
140
|
overflow: visible;
|
|
139
141
|
white-space: normal;
|
|
142
|
+
margin: auto;
|
|
143
|
+
display: -webkit-box;
|
|
144
|
+
-webkit-line-clamp: 2;
|
|
145
|
+
-webkit-box-orient: vertical;
|
|
140
146
|
}
|
|
141
147
|
|
|
142
148
|
:global(.vitro-bottom-menu) .vitro-image {
|
|
143
149
|
margin-right: 0;
|
|
150
|
+
margin-bottom: 4px;
|
|
144
151
|
}
|
|
145
152
|
|
|
146
153
|
:global(.vitro-bottom-menu) .vitro-active {
|
|
@@ -223,6 +230,10 @@ ul > li:last-child > ul > li:last-child .vitro-active {
|
|
|
223
230
|
width: 100% !important;
|
|
224
231
|
}
|
|
225
232
|
|
|
233
|
+
.vitro-popup-item-list .vitro-item:last-child {
|
|
234
|
+
margin-bottom: 16px;
|
|
235
|
+
}
|
|
236
|
+
|
|
226
237
|
.vitro-popup-item-list .vitro-item > a,
|
|
227
238
|
.vitro-popup-item-list .vitro-item > button {
|
|
228
239
|
background-color: #fff;
|
|
@@ -34,19 +34,6 @@
|
|
|
34
34
|
justify-content: space-between;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.vitro-sidebar ul > li:last-child > ul > li:last-child a:hover {
|
|
38
|
-
background-color: transparent;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.vitro-sidebar ul > li:last-child > ul > li:last-child span {
|
|
42
|
-
color: #8D8D8D;
|
|
43
|
-
font-size: 10px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.vitro-sidebar ul > li:last-child > ul > li:last-child span:hover {
|
|
47
|
-
font-weight: 400 !important;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
37
|
.vitro-scrollbar :global(.ps__rail-y) {
|
|
51
38
|
background-color: transparent !important;
|
|
52
39
|
border: none;
|
|
@@ -54,21 +41,42 @@
|
|
|
54
41
|
|
|
55
42
|
.vitro-scrollbar > div:first-child {
|
|
56
43
|
padding: 0 8px;
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: column;
|
|
57
46
|
}
|
|
58
47
|
|
|
59
48
|
.vitro-sidebar-section-list {
|
|
60
|
-
height: 100%;
|
|
61
49
|
display: flex;
|
|
62
50
|
flex-direction: column;
|
|
63
51
|
justify-content: space-between;
|
|
52
|
+
flex: 1 0;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.vitro-sidebar-section-list > li::before {
|
|
56
|
+
display: block;
|
|
57
|
+
content: '';
|
|
58
|
+
background: #E4E6EC;
|
|
59
|
+
margin: 0 auto;
|
|
60
|
+
min-width: 40px;
|
|
61
|
+
width: calc(100% - 16px);
|
|
62
|
+
height: 1px;
|
|
63
|
+
margin-bottom: 4px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.vitro-sidebar-section-list > li:first-child::before {
|
|
67
|
+
display: none;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
:global(.vitro-bottom-menu) .vitro-sidebar-section-list > li::before {
|
|
71
|
+
display: none;
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
:global(.vitro-bottom-menu) {
|
|
67
75
|
width: 100%;
|
|
68
76
|
z-index: 2;
|
|
69
77
|
flex-direction: row;
|
|
70
|
-
height:
|
|
71
|
-
padding: 0
|
|
78
|
+
height: 66px;
|
|
79
|
+
padding: 0 0 0 12px !important;
|
|
72
80
|
background: #fff;
|
|
73
81
|
bottom: 0;
|
|
74
82
|
top: initial;
|
|
@@ -95,22 +103,69 @@
|
|
|
95
103
|
transition: 1s all ease;
|
|
96
104
|
}
|
|
97
105
|
|
|
98
|
-
.vitro-button-more
|
|
106
|
+
.vitro-button-more,
|
|
107
|
+
.vitro-button-more:hover,
|
|
108
|
+
.vitro-button-more:active {
|
|
99
109
|
display: block;
|
|
100
110
|
width: 40px;
|
|
101
|
-
height:
|
|
111
|
+
height: 100%;
|
|
102
112
|
min-width: 40px;
|
|
113
|
+
outline: none;
|
|
114
|
+
border-top-right-radius: 4px;
|
|
103
115
|
border: none;
|
|
104
|
-
|
|
116
|
+
border-left: 1px solid #E4E6EC;
|
|
117
|
+
background-color: #F7F9FC;
|
|
105
118
|
background-size: 100%;
|
|
106
119
|
background-position: center;
|
|
107
120
|
background-repeat: no-repeat;
|
|
108
|
-
background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-
|
|
121
|
+
background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-next.svg');
|
|
109
122
|
}
|
|
110
123
|
|
|
111
|
-
.vitro-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
124
|
+
.vitro-logo-container {
|
|
125
|
+
width: 100%;
|
|
126
|
+
height: 40px;
|
|
127
|
+
padding: 0 8px;
|
|
128
|
+
margin-bottom: 4px;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.vitro-logo-container::before {
|
|
132
|
+
display: block;
|
|
133
|
+
content: '';
|
|
134
|
+
background: #E4E6EC;
|
|
135
|
+
margin: 0 auto;
|
|
136
|
+
min-width: 40px;
|
|
137
|
+
width: calc(100% - 16px);
|
|
138
|
+
height: 1px;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.vitro-logo {
|
|
142
|
+
display: flex;
|
|
143
|
+
width: fit-content;
|
|
144
|
+
align-items: center;
|
|
145
|
+
width: 100%;
|
|
146
|
+
height: 40px;
|
|
147
|
+
padding: 8px;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.vitro-logo span {
|
|
151
|
+
color: #8D8D8D !important;
|
|
152
|
+
font-size: 10px !important;
|
|
153
|
+
overflow: hidden;
|
|
154
|
+
text-overflow: ellipsis;
|
|
155
|
+
white-space: nowrap;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
:global(.vitro-bottom-menu) .vitro-logo {
|
|
159
|
+
flex-direction: column;
|
|
160
|
+
justify-content: space-between;
|
|
161
|
+
height: 100%;
|
|
162
|
+
padding: 0;
|
|
163
|
+
margin-bottom: 0;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.vitro-scroll-content {
|
|
167
|
+
display: flex;
|
|
168
|
+
flex-direction: row;
|
|
169
|
+
height: 100%;
|
|
170
|
+
transition: 1s all ease;
|
|
116
171
|
}
|
package/dist/index.css
CHANGED
|
@@ -4114,11 +4114,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
|
|
|
4114
4114
|
width: fit-content;
|
|
4115
4115
|
align-items: center;
|
|
4116
4116
|
overflow: hidden;
|
|
4117
|
-
|
|
4118
|
-
|
|
4119
|
-
|
|
4120
|
-
ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
4121
|
-
background-color: transparent;
|
|
4117
|
+
height: 100%;
|
|
4118
|
+
flex-shrink: 1;
|
|
4122
4119
|
}
|
|
4123
4120
|
|
|
4124
4121
|
._sidebar-item_vitro-item-text_1kK_aIZ {
|
|
@@ -4210,18 +4207,28 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
4210
4207
|
display: none;
|
|
4211
4208
|
}
|
|
4212
4209
|
|
|
4210
|
+
.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 a > div,
|
|
4211
|
+
.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 button > div {
|
|
4212
|
+
flex-direction: column;
|
|
4213
|
+
height: 100%;
|
|
4214
|
+
}
|
|
4215
|
+
|
|
4213
4216
|
.vitro-bottom-menu ._sidebar-item_vitro-item-text_1kK_aIZ {
|
|
4214
|
-
display: block;
|
|
4215
4217
|
color: #4A556C;
|
|
4216
|
-
font-size:
|
|
4217
|
-
line-height:
|
|
4218
|
+
font-size: 11px;
|
|
4219
|
+
line-height: 11px;
|
|
4218
4220
|
text-align: center;
|
|
4219
4221
|
overflow: visible;
|
|
4220
4222
|
white-space: normal;
|
|
4223
|
+
margin: auto;
|
|
4224
|
+
display: -webkit-box;
|
|
4225
|
+
-webkit-line-clamp: 2;
|
|
4226
|
+
-webkit-box-orient: vertical;
|
|
4221
4227
|
}
|
|
4222
4228
|
|
|
4223
4229
|
.vitro-bottom-menu ._sidebar-item_vitro-image_2A82YI0 {
|
|
4224
4230
|
margin-right: 0;
|
|
4231
|
+
margin-bottom: 4px;
|
|
4225
4232
|
}
|
|
4226
4233
|
|
|
4227
4234
|
.vitro-bottom-menu ._sidebar-item_vitro-active_7p5iOhY {
|
|
@@ -4306,6 +4313,10 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
4306
4313
|
width: 100% !important;
|
|
4307
4314
|
}
|
|
4308
4315
|
|
|
4316
|
+
._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0:last-child {
|
|
4317
|
+
margin-bottom: 16px;
|
|
4318
|
+
}
|
|
4319
|
+
|
|
4309
4320
|
._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > a,
|
|
4310
4321
|
._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > button {
|
|
4311
4322
|
background-color: #fff;
|
|
@@ -4390,19 +4401,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
4390
4401
|
justify-content: space-between;
|
|
4391
4402
|
}
|
|
4392
4403
|
|
|
4393
|
-
._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child a:hover {
|
|
4394
|
-
background-color: transparent;
|
|
4395
|
-
}
|
|
4396
|
-
|
|
4397
|
-
._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child span {
|
|
4398
|
-
color: #8D8D8D;
|
|
4399
|
-
font-size: 10px;
|
|
4400
|
-
}
|
|
4401
|
-
|
|
4402
|
-
._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child span:hover {
|
|
4403
|
-
font-weight: 400 !important;
|
|
4404
|
-
}
|
|
4405
|
-
|
|
4406
4404
|
._sidebar_vitro-scrollbar_2PtQGQD .ps__rail-y {
|
|
4407
4405
|
background-color: transparent !important;
|
|
4408
4406
|
border: none;
|
|
@@ -4410,21 +4408,42 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
4410
4408
|
|
|
4411
4409
|
._sidebar_vitro-scrollbar_2PtQGQD > div:first-child {
|
|
4412
4410
|
padding: 0 8px;
|
|
4411
|
+
display: flex;
|
|
4412
|
+
flex-direction: column;
|
|
4413
4413
|
}
|
|
4414
4414
|
|
|
4415
4415
|
._sidebar_vitro-sidebar-section-list_1nGto5m {
|
|
4416
|
-
height: 100%;
|
|
4417
4416
|
display: flex;
|
|
4418
4417
|
flex-direction: column;
|
|
4419
4418
|
justify-content: space-between;
|
|
4419
|
+
flex: 1 0;
|
|
4420
|
+
}
|
|
4421
|
+
|
|
4422
|
+
._sidebar_vitro-sidebar-section-list_1nGto5m > li::before {
|
|
4423
|
+
display: block;
|
|
4424
|
+
content: '';
|
|
4425
|
+
background: #E4E6EC;
|
|
4426
|
+
margin: 0 auto;
|
|
4427
|
+
min-width: 40px;
|
|
4428
|
+
width: calc(100% - 16px);
|
|
4429
|
+
height: 1px;
|
|
4430
|
+
margin-bottom: 4px;
|
|
4431
|
+
}
|
|
4432
|
+
|
|
4433
|
+
._sidebar_vitro-sidebar-section-list_1nGto5m > li:first-child::before {
|
|
4434
|
+
display: none;
|
|
4435
|
+
}
|
|
4436
|
+
|
|
4437
|
+
.vitro-bottom-menu ._sidebar_vitro-sidebar-section-list_1nGto5m > li::before {
|
|
4438
|
+
display: none;
|
|
4420
4439
|
}
|
|
4421
4440
|
|
|
4422
4441
|
.vitro-bottom-menu {
|
|
4423
4442
|
width: 100%;
|
|
4424
4443
|
z-index: 2;
|
|
4425
4444
|
flex-direction: row;
|
|
4426
|
-
height:
|
|
4427
|
-
padding: 0
|
|
4445
|
+
height: 66px;
|
|
4446
|
+
padding: 0 0 0 12px !important;
|
|
4428
4447
|
background: #fff;
|
|
4429
4448
|
bottom: 0;
|
|
4430
4449
|
top: initial;
|
|
@@ -4451,24 +4470,72 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
4451
4470
|
transition: 1s all ease;
|
|
4452
4471
|
}
|
|
4453
4472
|
|
|
4454
|
-
._sidebar_vitro-button-more_3s9oZY9
|
|
4473
|
+
._sidebar_vitro-button-more_3s9oZY9,
|
|
4474
|
+
._sidebar_vitro-button-more_3s9oZY9:hover,
|
|
4475
|
+
._sidebar_vitro-button-more_3s9oZY9:active {
|
|
4455
4476
|
display: block;
|
|
4456
4477
|
width: 40px;
|
|
4457
|
-
height:
|
|
4478
|
+
height: 100%;
|
|
4458
4479
|
min-width: 40px;
|
|
4480
|
+
outline: none;
|
|
4481
|
+
border-top-right-radius: 4px;
|
|
4459
4482
|
border: none;
|
|
4460
|
-
|
|
4483
|
+
border-left: 1px solid #E4E6EC;
|
|
4484
|
+
background-color: #F7F9FC;
|
|
4461
4485
|
background-size: 100%;
|
|
4462
4486
|
background-position: center;
|
|
4463
4487
|
background-repeat: no-repeat;
|
|
4464
|
-
background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-
|
|
4488
|
+
background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-next.svg');
|
|
4465
4489
|
}
|
|
4466
4490
|
|
|
4467
|
-
._sidebar_vitro-
|
|
4468
|
-
|
|
4469
|
-
|
|
4470
|
-
|
|
4471
|
-
|
|
4491
|
+
._sidebar_vitro-logo-container_31O5Ly- {
|
|
4492
|
+
width: 100%;
|
|
4493
|
+
height: 40px;
|
|
4494
|
+
padding: 0 8px;
|
|
4495
|
+
margin-bottom: 4px;
|
|
4496
|
+
}
|
|
4497
|
+
|
|
4498
|
+
._sidebar_vitro-logo-container_31O5Ly-::before {
|
|
4499
|
+
display: block;
|
|
4500
|
+
content: '';
|
|
4501
|
+
background: #E4E6EC;
|
|
4502
|
+
margin: 0 auto;
|
|
4503
|
+
min-width: 40px;
|
|
4504
|
+
width: calc(100% - 16px);
|
|
4505
|
+
height: 1px;
|
|
4506
|
+
}
|
|
4507
|
+
|
|
4508
|
+
._sidebar_vitro-logo_1qxi8L_ {
|
|
4509
|
+
display: flex;
|
|
4510
|
+
width: -moz-fit-content;
|
|
4511
|
+
width: fit-content;
|
|
4512
|
+
align-items: center;
|
|
4513
|
+
width: 100%;
|
|
4514
|
+
height: 40px;
|
|
4515
|
+
padding: 8px;
|
|
4516
|
+
}
|
|
4517
|
+
|
|
4518
|
+
._sidebar_vitro-logo_1qxi8L_ span {
|
|
4519
|
+
color: #8D8D8D !important;
|
|
4520
|
+
font-size: 10px !important;
|
|
4521
|
+
overflow: hidden;
|
|
4522
|
+
text-overflow: ellipsis;
|
|
4523
|
+
white-space: nowrap;
|
|
4524
|
+
}
|
|
4525
|
+
|
|
4526
|
+
.vitro-bottom-menu ._sidebar_vitro-logo_1qxi8L_ {
|
|
4527
|
+
flex-direction: column;
|
|
4528
|
+
justify-content: space-between;
|
|
4529
|
+
height: 100%;
|
|
4530
|
+
padding: 0;
|
|
4531
|
+
margin-bottom: 0;
|
|
4532
|
+
}
|
|
4533
|
+
|
|
4534
|
+
._sidebar_vitro-scroll-content_2RUBhZd {
|
|
4535
|
+
display: flex;
|
|
4536
|
+
flex-direction: row;
|
|
4537
|
+
height: 100%;
|
|
4538
|
+
transition: 1s all ease;
|
|
4472
4539
|
}
|
|
4473
4540
|
._activity-item_vitro-item_3Tprske {
|
|
4474
4541
|
margin-bottom: 16px;
|
|
@@ -6186,7 +6253,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
6186
6253
|
width: calc(100% - 24px);
|
|
6187
6254
|
margin: 0 auto;
|
|
6188
6255
|
border-radius: 4px 4px 0px 0px;
|
|
6189
|
-
height: calc(100% -
|
|
6256
|
+
height: calc(100% - 136px);
|
|
6190
6257
|
padding-bottom: 16px;
|
|
6191
6258
|
}
|
|
6192
6259
|
}
|