@omnia/runtime 8.0.83-vnext → 8.0.84-dev

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 (78) hide show
  1. package/dist/bundles/omfx.fx.ux.splitpane_6b7f04ba-8fc4-487e-a496-dd8e42b55dbd.css +2 -0
  2. package/dist/bundles/omfx.libs.swiper_c6e3e98f-0245-4468-a9c0-ceb3fcab3925.css +561 -0
  3. package/dist/bundles/omfx.monacoeditor_dd2a06c1-85a6-4fd9-a542-1cc9d34ed98e.css +2263 -2051
  4. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +9 -12
  5. package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css +3 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css +1 -0
  7. package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css +1 -2
  8. package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css +67 -67
  9. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +8 -11
  10. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +72 -52
  11. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +14 -10
  12. package/dist/bundles/omnia.fx.ux.vuetify.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css +285 -0
  13. package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css +18 -6
  14. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +0 -4
  15. package/dist/bundles/omnia.fx.ux.vuetify.selection_df97a94b-b41b-45e0-883c-6e577a1634a1.css +5 -1
  16. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +2777 -1874
  17. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +28 -22
  18. package/dist/bundles/omnia.fx.ux.vuetify.snackbar_1f46e84f-1223-4080-ab9f-40d1489b71e6.css +9 -0
  19. package/dist/bundles/omnia.fx.ux.vuetify.stepper_3104db5f-e983-4e06-925e-9b5375276512.css +119 -0
  20. package/dist/bundles/omnia.fx.ux.vuetify.switch_81d8f551-1b9f-4f75-90c3-2fe5f25e4015.css +26 -17
  21. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +2 -23
  22. package/dist/bundles/omnia.fx.ux.vuetify.timeline_b474da31-7ff2-4f5b-a309-19cb2d300b64.css +28 -57
  23. package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css +0 -1
  24. package/dist/bundles/omnia.vendor.prod_aaf89b2d-5ea8-4b79-946a-8c1e89f713a3.css +27388 -15890
  25. package/dist/bundles/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.css +27388 -15890
  26. package/dist/bundles/omnia.vuetify.colorpicker_4f861c0d-75fb-49ce-913e-17cbafad5ed2.css +179 -0
  27. package/dist/fonts/fa-brands-400_0601cf57e567a5aa17eb20224da792b4.ttf +0 -0
  28. package/dist/fonts/fa-brands-400_e24fcc1b7ece401606b1ce88f377554a.woff2 +0 -0
  29. package/dist/fonts/fa-duotone-900_ca0b8a6f1b508d2ecca815c8bda5c209.woff2 +0 -0
  30. package/dist/fonts/fa-duotone-900_da904eb8d1a121a111b78f542bd1f652.ttf +0 -0
  31. package/dist/fonts/fa-light-300_2006c9ff100617e95eb87e3c3fb223f6.ttf +0 -0
  32. package/dist/fonts/fa-light-300_441b578192c1b1e771cfce263d87bcb1.woff2 +0 -0
  33. package/dist/fonts/fa-regular-400_ba0c0a7588d6b4fc8fb79da558071726.ttf +0 -0
  34. package/dist/fonts/fa-regular-400_e4bb547bebf70ca2cb4948560f59302a.woff2 +0 -0
  35. package/dist/fonts/fa-solid-900_2f8c37423114769918ded8b5ec9ef160.woff2 +0 -0
  36. package/dist/fonts/fa-solid-900_6fa0a8232f0352e4c0f8207a83d5378b.ttf +0 -0
  37. package/dist/fonts/fa-thin-100_4bda47dd5caf66e70f60620e66ec926c.woff2 +0 -0
  38. package/dist/fonts/fa-thin-100_881316d6d7081aee5419e49909fef37f.ttf +0 -0
  39. package/dist/fonts/fa-v4compatibility_166bb44555a94706e528636bcfb85bea.ttf +0 -0
  40. package/dist/fonts/fa-v4compatibility_2575bf69211b13c08444913854491fc6.woff2 +0 -0
  41. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.editor.en-us.json +1 -1
  42. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json +1 -1
  43. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -1
  44. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -1
  45. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -1
  46. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -1
  47. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_servicemanifest.json +1 -1
  48. package/package.json +5 -5
  49. package/dist/fonts/fa-brands-400_2563b3e3a6a903e85f8a5fa88dbf538b.eot +0 -0
  50. package/dist/fonts/fa-brands-400_3533db5f6d4bb62ec2d507557e99320f.woff2 +0 -0
  51. package/dist/fonts/fa-brands-400_59167fb59d703ba519a06201490351bb.woff +0 -0
  52. package/dist/fonts/fa-brands-400_74cebd55f90c6cbc840d5c533fae4255.svg +0 -1
  53. package/dist/fonts/fa-brands-400_f891686c02d561760ea0c668c0197bf9.ttf +0 -0
  54. package/dist/fonts/fa-duotone-900_3079c0e01076f6301fa74d1f35c71fa4.svg +0 -1
  55. package/dist/fonts/fa-duotone-900_4bd9f123e62d823eba06a3a89b138958.eot +0 -0
  56. package/dist/fonts/fa-duotone-900_56c28157e969556945ee6f50d232527d.woff +0 -0
  57. package/dist/fonts/fa-duotone-900_a4a71b0d384ff8966c7aaf50c56f22c3.woff2 +0 -0
  58. package/dist/fonts/fa-duotone-900_cb751065ae9ac2915ca3667253ad20e0.ttf +0 -0
  59. package/dist/fonts/fa-light-300_102dcd2113828918d901554f9cad7f46.ttf +0 -0
  60. package/dist/fonts/fa-light-300_44931d2b26ba16405d9daac56131b844.woff +0 -0
  61. package/dist/fonts/fa-light-300_6265ad13b6a2275b7efcbae945d9d99c.woff2 +0 -0
  62. package/dist/fonts/fa-light-300_ab0ae8fbd9e02df6bb867eb623d0418a.svg +0 -1
  63. package/dist/fonts/fa-light-300_af237b233f468bc688b9a1a8359d204d.eot +0 -0
  64. package/dist/fonts/fa-regular-400_2261bb07dd3e9987ff015e83da5204dd.svg +0 -1
  65. package/dist/fonts/fa-regular-400_31e6727562147589b4d79522204fc9e5.woff2 +0 -0
  66. package/dist/fonts/fa-regular-400_6de71e8b1f2e7cc46eaf43fb9464a27f.eot +0 -0
  67. package/dist/fonts/fa-regular-400_a15a569f9274c3c067e021664a6cb504.woff +0 -0
  68. package/dist/fonts/fa-regular-400_abc4686311fc6242c96f827c7eb0282a.ttf +0 -0
  69. package/dist/fonts/fa-solid-900_302ff55483aa3a0051e38d36d84521bd.ttf +0 -0
  70. package/dist/fonts/fa-solid-900_33484065de46cbd7642f1ccfa7fb0b1c.woff +0 -0
  71. package/dist/fonts/fa-solid-900_648f6c54acb5522e1db288f64ae243e0.woff2 +0 -0
  72. package/dist/fonts/fa-solid-900_7e66c7847849e3d32d856af7bbb5ae92.svg +0 -1
  73. package/dist/fonts/fa-solid-900_abe688eccd9d8a59af1e9739bae69bbe.eot +0 -0
  74. package/dist/images/fa-brands-400.svg +0 -3496
  75. package/dist/images/fa-duotone-900.svg +0 -13908
  76. package/dist/images/fa-light-300.svg +0 -11174
  77. package/dist/images/fa-regular-400.svg +0 -10229
  78. package/dist/images/fa-solid-900.svg +0 -8736
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  .v-tooltip > .v-overlay__content {
102
- background: rgba(var(--v-theme-surface-variant), 0.7);
102
+ background: rgb(var(--v-theme-surface-variant));
103
103
  color: rgb(var(--v-theme-on-surface-variant));
104
104
  border-radius: 4px;
105
105
  font-size: 0.875rem;
@@ -143,11 +143,7 @@
143
143
  user-select: none;
144
144
  }
145
145
  .v-list--nav {
146
- padding-inline-start: 8px;
147
- padding-inline-end: 8px;
148
- }
149
- .v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .v-list .v-avatar {
150
- --v-avatar-height: 24px;
146
+ padding-inline: 8px;
151
147
  }
152
148
  .v-list--rounded {
153
149
  border-radius: 4px;
@@ -231,7 +227,7 @@
231
227
  display: grid;
232
228
  flex: none;
233
229
  grid-template-areas: "prepend content append";
234
- grid-template-columns: max-content auto max-content;
230
+ grid-template-columns: max-content 1fr auto;
235
231
  outline: none;
236
232
  max-width: 100%;
237
233
  padding: 4px 16px;
@@ -329,10 +325,14 @@
329
325
  opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
330
326
  }
331
327
  }
332
- .v-list-item__prepend > .v-icon, .v-list-item__append > .v-icon {
328
+ .v-list-item__prepend > .v-badge .v-icon,
329
+ .v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
330
+ .v-list-item__append > .v-icon {
333
331
  opacity: var(--v-medium-emphasis-opacity);
334
332
  }
333
+ .v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
335
334
  .v-list-item--active .v-list-item__prepend > .v-icon,
335
+ .v-list-item--active .v-list-item__append > .v-badge .v-icon,
336
336
  .v-list-item--active .v-list-item__append > .v-icon {
337
337
  opacity: 1;
338
338
  }
@@ -347,6 +347,9 @@
347
347
  .v-list-item--link {
348
348
  cursor: pointer;
349
349
  }
350
+ .v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
351
+ --v-avatar-height: 24px;
352
+ }
350
353
 
351
354
  .v-list-item__prepend {
352
355
  align-items: center;
@@ -354,11 +357,21 @@
354
357
  display: flex;
355
358
  grid-area: prepend;
356
359
  }
357
- .v-list-item__prepend > .v-avatar {
358
- margin-inline-end: 16px;
360
+ .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
361
+ .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
362
+ .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
363
+ width: 32px;
364
+ }
365
+ .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
366
+ width: 16px;
359
367
  }
360
- .v-list-item__prepend > .v-icon {
361
- margin-inline-end: 32px;
368
+ .v-list-item--slim .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
369
+ .v-list-item--slim .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
370
+ .v-list-item--slim .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
371
+ width: 8px;
372
+ }
373
+ .v-list-item--slim .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
374
+ width: 4px;
362
375
  }
363
376
  .v-list-item--three-line .v-list-item__prepend {
364
377
  align-self: start;
@@ -370,11 +383,25 @@
370
383
  align-items: center;
371
384
  grid-area: append;
372
385
  }
373
- .v-list-item__append > .v-avatar {
374
- margin-inline-start: 16px;
386
+ .v-list-item__append .v-list-item__spacer {
387
+ order: -1;
388
+ transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
375
389
  }
376
- .v-list-item__append > .v-icon {
377
- margin-inline-start: 32px;
390
+ .v-list-item__append > .v-badge ~ .v-list-item__spacer,
391
+ .v-list-item__append > .v-icon ~ .v-list-item__spacer,
392
+ .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
393
+ width: 32px;
394
+ }
395
+ .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
396
+ width: 16px;
397
+ }
398
+ .v-list-item--slim .v-list-item__append > .v-badge ~ .v-list-item__spacer,
399
+ .v-list-item--slim .v-list-item__append > .v-icon ~ .v-list-item__spacer,
400
+ .v-list-item--slim .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
401
+ width: 8px;
402
+ }
403
+ .v-list-item--slim .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
404
+ width: 4px;
378
405
  }
379
406
  .v-list-item--three-line .v-list-item__append {
380
407
  align-self: start;
@@ -495,16 +522,13 @@
495
522
  padding-top: 8px;
496
523
  }
497
524
  .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
498
- padding-inline-start: 16px;
499
- padding-inline-end: 16px;
525
+ padding-inline: 16px;
500
526
  }
501
527
  .v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
502
- padding-inline-start: 16px;
503
- padding-inline-end: 16px;
528
+ padding-inline: 16px;
504
529
  }
505
530
  .v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
506
- padding-inline-start: 16px;
507
- padding-inline-end: 16px;
531
+ padding-inline: 16px;
508
532
  }
509
533
 
510
534
  .v-list-item--density-comfortable {
@@ -528,16 +552,13 @@
528
552
  padding-top: 6px;
529
553
  }
530
554
  .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
531
- padding-inline-start: 16px;
532
- padding-inline-end: 16px;
555
+ padding-inline: 16px;
533
556
  }
534
557
  .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
535
- padding-inline-start: 16px;
536
- padding-inline-end: 16px;
558
+ padding-inline: 16px;
537
559
  }
538
560
  .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
539
- padding-inline-start: 16px;
540
- padding-inline-end: 16px;
561
+ padding-inline: 16px;
541
562
  }
542
563
 
543
564
  .v-list-item--density-compact {
@@ -561,21 +582,17 @@
561
582
  padding-top: 4px;
562
583
  }
563
584
  .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
564
- padding-inline-start: 16px;
565
- padding-inline-end: 16px;
585
+ padding-inline: 16px;
566
586
  }
567
587
  .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
568
- padding-inline-start: 16px;
569
- padding-inline-end: 16px;
588
+ padding-inline: 16px;
570
589
  }
571
590
  .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
572
- padding-inline-start: 16px;
573
- padding-inline-end: 16px;
591
+ padding-inline: 16px;
574
592
  }
575
593
 
576
594
  .v-list-item--nav {
577
- padding-inline-start: 8px;
578
- padding-inline-end: 8px;
595
+ padding-inline: 8px;
579
596
  }
580
597
  .v-list .v-list-item--nav:not(:only-child) {
581
598
  margin-bottom: 4px;
@@ -664,7 +681,6 @@
664
681
  transition-duration: 0.2s;
665
682
  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
666
683
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
667
- will-change: transform;
668
684
  position: absolute;
669
685
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
670
686
  border-style: solid;
@@ -748,6 +764,12 @@
748
764
  z-index: 1;
749
765
  }
750
766
 
767
+ .v-navigation-drawer__prepend,
768
+ .v-navigation-drawer__append {
769
+ flex: none;
770
+ overflow: hidden;
771
+ }
772
+
751
773
  .v-app-bar {
752
774
  display: flex;
753
775
  }
@@ -791,16 +813,11 @@
791
813
  .v-toolbar--collapse {
792
814
  max-width: 112px;
793
815
  overflow: hidden;
816
+ border-end-end-radius: 24px;
794
817
  }
795
818
  .v-toolbar--collapse .v-toolbar-title {
796
819
  display: none;
797
820
  }
798
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
799
- border-bottom-right-radius: 24px;
800
- }
801
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
802
- border-bottom-left-radius: 24px;
803
- }
804
821
  .v-toolbar--flat {
805
822
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
806
823
  }
@@ -853,13 +870,11 @@
853
870
  }
854
871
 
855
872
  .v-toolbar__prepend {
856
- margin-inline-start: 10px;
857
- margin-inline-end: auto;
873
+ margin-inline: 10px auto;
858
874
  }
859
875
 
860
876
  .v-toolbar__append {
861
- margin-inline-start: auto;
862
- margin-inline-end: 10px;
877
+ margin-inline: auto 10px;
863
878
  }
864
879
 
865
880
  .v-toolbar-title {
@@ -903,8 +918,7 @@
903
918
  height: 24px;
904
919
  justify-content: flex-end;
905
920
  max-width: 100%;
906
- padding-inline-start: 8px;
907
- padding-inline-end: 8px;
921
+ padding-inline: 8px;
908
922
  position: relative;
909
923
  text-align: end;
910
924
  width: 100%;
@@ -1039,7 +1053,6 @@
1039
1053
  }
1040
1054
  .v-card--hover {
1041
1055
  cursor: pointer;
1042
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1043
1056
  }
1044
1057
  .v-card--hover::before, .v-card--hover::after {
1045
1058
  border-radius: inherit;
@@ -1069,6 +1082,9 @@
1069
1082
  .v-card--hover:hover::before {
1070
1083
  opacity: 0;
1071
1084
  }
1085
+ .v-card--hover:hover {
1086
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1087
+ }
1072
1088
  .v-card--link {
1073
1089
  cursor: pointer;
1074
1090
  }
@@ -1295,6 +1311,7 @@
1295
1311
  }
1296
1312
  .v-tab.v-tab {
1297
1313
  --v-btn-height: var(--v-tabs-height);
1314
+ border-radius: 0;
1298
1315
  min-width: 90px;
1299
1316
  }
1300
1317
  .v-slide-group--horizontal .v-tab {
@@ -1414,6 +1431,8 @@
1414
1431
  .v-expansion-panel--active > .v-expansion-panel-title {
1415
1432
  border-bottom-left-radius: 0;
1416
1433
  border-bottom-right-radius: 0;
1434
+ }
1435
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
1417
1436
  min-height: 64px;
1418
1437
  }
1419
1438
 
@@ -1528,7 +1547,6 @@
1528
1547
  }
1529
1548
  .v-carousel__controls {
1530
1549
  align-items: center;
1531
- background: rgba(var(--v-theme-surface-variant), 0.3);
1532
1550
  bottom: 0;
1533
1551
  display: flex;
1534
1552
  height: 50px;
@@ -1537,6 +1555,8 @@
1537
1555
  position: absolute;
1538
1556
  width: 100%;
1539
1557
  z-index: 1;
1558
+ background: rgba(var(--v-theme-surface-variant), 0.3);
1559
+ color: rgb(var(--v-theme-on-surface-variant));
1540
1560
  }
1541
1561
  .v-carousel__controls > .v-item-group {
1542
1562
  flex: 0 1 auto;
@@ -1620,7 +1640,7 @@
1620
1640
  position: absolute;
1621
1641
  right: 0;
1622
1642
  top: 0;
1623
- transform: scale(1.2);
1643
+ transform: scale(1.05);
1624
1644
  }
1625
1645
  .v-badge--dot .v-badge__badge {
1626
1646
  border-radius: 4.5px;
@@ -15,12 +15,6 @@
15
15
  cursor: pointer;
16
16
  }
17
17
 
18
- .v-data-table .v-table__wrapper > table > thead > tr > td,
19
- .v-data-table .v-table__wrapper > table > thead > tr th,
20
- .v-data-table .v-table__wrapper > table tbody > tr > td,
21
- .v-data-table .v-table__wrapper > table tbody > tr th {
22
- background: rgb(var(--v-theme-surface));
23
- }
24
18
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
25
19
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
26
20
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
@@ -55,6 +49,10 @@
55
49
  .v-data-table .v-table__wrapper > table tbody > tr > th {
56
50
  align-items: center;
57
51
  }
52
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
53
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
54
+ position: sticky;
55
+ }
58
56
  .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
59
57
  .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
60
58
  cursor: pointer;
@@ -70,17 +68,23 @@
70
68
  }
71
69
 
72
70
  .v-data-table-column--fixed {
73
- position: sticky;
74
- z-index: 2;
71
+ background: rgb(var(--v-theme-surface));
72
+ position: sticky !important;
75
73
  left: 0;
74
+ z-index: 1;
76
75
  }
77
76
 
78
77
  .v-data-table-column--last-fixed {
79
78
  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
80
79
  }
81
80
 
81
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
82
+ z-index: 2;
83
+ }
84
+
82
85
  .v-data-table-group-header-row td {
83
- background: lightgrey;
86
+ background: rgba(var(--v-theme-surface));
87
+ color: rgba(var(--v-theme-on-surface));
84
88
  }
85
89
  .v-data-table-group-header-row td > span {
86
90
  padding-left: 5px;
@@ -127,7 +131,7 @@
127
131
  display: flex;
128
132
  align-items: center;
129
133
  flex-wrap: wrap;
130
- padding: 0 8px;
134
+ padding: 4px;
131
135
  justify-content: flex-end;
132
136
  }
133
137
 
@@ -0,0 +1,285 @@
1
+ .v-date-picker__input {
2
+ padding-top: 16px;
3
+ padding-left: 24px;
4
+ padding-right: 24px;
5
+ }
6
+
7
+ .v-date-picker {
8
+ overflow: hidden;
9
+ width: 360px;
10
+ }
11
+ .v-date-picker--show-week {
12
+ width: 408px;
13
+ }
14
+
15
+ .v-date-picker-month {
16
+ padding: 0 12px 12px;
17
+ }
18
+
19
+ .v-date-picker-month__day {
20
+ height: 48px;
21
+ width: 48px;
22
+ }
23
+ .v-date-picker-month__day .v-btn {
24
+ --v-btn-height: 28px;
25
+ --v-btn-size: 0.85rem;
26
+ }
27
+ .v-date-picker-controls {
28
+ display: flex;
29
+ align-items: center;
30
+ justify-content: space-between;
31
+ font-size: 0.875rem;
32
+ padding-top: 4px;
33
+ padding-bottom: 4px;
34
+ padding-inline-start: 6px;
35
+ padding-inline-end: 12px;
36
+ }
37
+ .v-date-picker-controls > .v-btn:first-child {
38
+ text-transform: none;
39
+ font-weight: 400;
40
+ line-height: initial;
41
+ letter-spacing: initial;
42
+ }
43
+ .v-date-picker-controls--variant-classic {
44
+ padding-inline-start: 12px;
45
+ }
46
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
47
+ opacity: 0.7;
48
+ }
49
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
50
+ cursor: pointer;
51
+ }
52
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
53
+ opacity: 1;
54
+ }
55
+ .v-date-picker-controls .v-btn:last-child {
56
+ margin-inline-start: 4px;
57
+ }
58
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
59
+ transform: rotate(180deg);
60
+ }
61
+
62
+ .v-date-picker-controls__date {
63
+ margin-inline-end: 4px;
64
+ }
65
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
66
+ margin: auto;
67
+ text-align: center;
68
+ }
69
+
70
+ .v-date-picker-controls__month {
71
+ display: flex;
72
+ }
73
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
74
+ flex-direction: row-reverse;
75
+ }
76
+
77
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
78
+ flex: 1 0 auto;
79
+ }
80
+
81
+ .v-date-picker__title {
82
+ display: inline-block;
83
+ }
84
+ .v-date-picker-month {
85
+ display: flex;
86
+ justify-content: center;
87
+ min-width: 328px;
88
+ --v-date-picker-month-day-diff: 4px;
89
+ }
90
+
91
+ .v-date-picker-month__weeks {
92
+ display: grid;
93
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
94
+ row-gap: 4px;
95
+ font-size: 0.875rem;
96
+ }
97
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
98
+ grid-row-gap: 0;
99
+ }
100
+
101
+ .v-date-picker-month__weekday {
102
+ font-size: 0.875rem;
103
+ }
104
+
105
+ .v-date-picker-month__days {
106
+ display: grid;
107
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
108
+ row-gap: 4px;
109
+ flex: 1 1;
110
+ justify-content: space-around;
111
+ }
112
+
113
+ .v-date-picker-month__day {
114
+ align-items: center;
115
+ display: flex;
116
+ justify-content: center;
117
+ position: relative;
118
+ }
119
+ .v-date-picker-month__day--selected .v-btn {
120
+ background-color: rgb(var(--v-theme-surface-variant));
121
+ color: rgb(var(--v-theme-on-surface-variant));
122
+ }
123
+ .v-date-picker-month__day--week {
124
+ font-size: var(--v-btn-size);
125
+ }
126
+
127
+ .v-date-picker-month__day--adjacent {
128
+ opacity: 0.5;
129
+ }
130
+
131
+ .v-date-picker-month__day--hide-adjacent {
132
+ opacity: 0;
133
+ }
134
+ .v-date-picker-months {
135
+ height: 320px;
136
+ overflow-y: scroll;
137
+ }
138
+
139
+ .v-date-picker-months__content {
140
+ align-items: center;
141
+ display: grid;
142
+ flex: 1 1;
143
+ height: inherit;
144
+ justify-content: space-around;
145
+ grid-template-columns: repeat(2, 1fr);
146
+ grid-gap: 4px 24px;
147
+ padding-inline-start: 36px;
148
+ padding-inline-end: 36px;
149
+ }
150
+ .v-date-picker-months__content .v-btn {
151
+ text-transform: none;
152
+ padding-inline-start: 8px;
153
+ padding-inline-end: 8px;
154
+ }
155
+ .v-date-picker-years {
156
+ height: 320px;
157
+ overflow-y: scroll;
158
+ }
159
+
160
+ .v-date-picker-years__content {
161
+ display: grid;
162
+ flex: 1 1;
163
+ justify-content: space-around;
164
+ grid-template-columns: repeat(3, 1fr);
165
+ gap: 8px 24px;
166
+ padding-inline: 36px;
167
+ }
168
+ .v-date-picker-years__content .v-btn {
169
+ padding-inline: 8px;
170
+ }
171
+ .v-picker.v-sheet {
172
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
173
+ border-radius: 4px;
174
+ display: grid;
175
+ grid-auto-rows: min-content;
176
+ grid-template-areas: "title" "header" "body";
177
+ overflow: hidden;
178
+ }
179
+ .v-picker.v-sheet.v-picker--with-actions {
180
+ grid-template-areas: "title" "header" "body" "actions";
181
+ }
182
+
183
+ .v-picker__body {
184
+ grid-area: body;
185
+ }
186
+
187
+ .v-picker__header {
188
+ grid-area: header;
189
+ }
190
+
191
+ .v-picker__actions {
192
+ grid-area: actions;
193
+ padding: 0 12px 12px 12px;
194
+ display: flex;
195
+ align-items: center;
196
+ justify-content: flex-end;
197
+ }
198
+ .v-picker__actions .v-btn {
199
+ min-width: 48px;
200
+ }
201
+ .v-picker__actions .v-btn:not(:last-child) {
202
+ margin-inline-end: 8px;
203
+ }
204
+
205
+ .v-picker--landscape {
206
+ grid-template-areas: "title" "header body" "header body";
207
+ }
208
+
209
+ .v-picker--landscape.v-picker--with-actions {
210
+ grid-template-areas: "title" "header body" "header actions";
211
+ }
212
+
213
+ .v-picker-title {
214
+ text-transform: uppercase;
215
+ font-size: 0.75rem;
216
+ grid-area: title;
217
+ padding-inline: 24px 12px;
218
+ padding-top: 16px;
219
+ padding-bottom: 16px;
220
+ font-weight: 600;
221
+ letter-spacing: 0.1666666667em;
222
+ }
223
+ .v-date-picker-header {
224
+ display: grid;
225
+ grid-template-areas: "prepend content append";
226
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
227
+ overflow: hidden;
228
+ padding-inline: 24px 12px;
229
+ padding-bottom: 12px;
230
+ }
231
+
232
+ .v-date-picker-header__append {
233
+ grid-area: append;
234
+ }
235
+
236
+ .v-date-picker-header__prepend {
237
+ grid-area: prepend;
238
+ padding-inline-start: 8px;
239
+ }
240
+
241
+ .v-date-picker-header__content {
242
+ align-items: center;
243
+ display: inline-flex;
244
+ font-size: 32px;
245
+ line-height: 40px;
246
+ grid-area: content;
247
+ justify-content: space-between;
248
+ }
249
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
250
+ opacity: 0.7;
251
+ }
252
+ .v-date-picker--month .v-date-picker-header__content {
253
+ opacity: 1;
254
+ }
255
+ .v-date-picker--year .v-date-picker-header__content {
256
+ cursor: pointer;
257
+ }
258
+
259
+ .date-picker-header-transition-enter-active,
260
+ .date-picker-header-reverse-transition-enter-active {
261
+ transition-duration: 0.3s;
262
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
263
+ }
264
+ .date-picker-header-transition-leave-active,
265
+ .date-picker-header-reverse-transition-leave-active {
266
+ transition-duration: 0.3s;
267
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
268
+ }
269
+
270
+ .date-picker-header-transition-enter-from {
271
+ transform: translate(0, 100%);
272
+ }
273
+ .date-picker-header-transition-leave-to {
274
+ opacity: 0;
275
+ transform: translate(0, -100%);
276
+ }
277
+
278
+ .date-picker-header-reverse-transition-enter-from {
279
+ transform: translate(0, -100%);
280
+ }
281
+ .date-picker-header-reverse-transition-leave-to {
282
+ opacity: 0;
283
+ transform: translate(0, 100%);
284
+ }
285
+
@@ -8,27 +8,37 @@
8
8
  width: calc(100% - 48px);
9
9
  max-width: calc(100% - 48px);
10
10
  margin: 24px;
11
+ }
12
+ .v-dialog > .v-overlay__content,
13
+ .v-dialog > .v-overlay__content > form {
11
14
  display: flex;
12
15
  flex-direction: column;
16
+ min-height: 0;
13
17
  }
14
18
  .v-dialog > .v-overlay__content > .v-card,
15
- .v-dialog > .v-overlay__content > .v-sheet {
19
+ .v-dialog > .v-overlay__content > .v-sheet,
20
+ .v-dialog > .v-overlay__content > form > .v-card,
21
+ .v-dialog > .v-overlay__content > form > .v-sheet {
16
22
  --v-scrollbar-offset: 0px;
17
23
  border-radius: 4px;
18
24
  overflow-y: auto;
19
25
  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20
26
  }
21
- .v-dialog > .v-overlay__content > .v-card {
27
+ .v-dialog > .v-overlay__content > .v-card,
28
+ .v-dialog > .v-overlay__content > form > .v-card {
22
29
  display: flex;
23
30
  flex-direction: column;
24
31
  }
25
- .v-dialog > .v-overlay__content > .v-card > .v-card-item {
32
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
33
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
26
34
  padding: 14px 24px 0;
27
35
  }
28
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
36
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
37
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
29
38
  padding-top: 10px;
30
39
  }
31
- .v-dialog > .v-overlay__content > .v-card > .v-card-text {
40
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
41
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
32
42
  font-size: inherit;
33
43
  letter-spacing: 0.03125em;
34
44
  line-height: inherit;
@@ -51,7 +61,9 @@
51
61
  left: 0;
52
62
  }
53
63
  .v-dialog--fullscreen > .v-overlay__content > .v-card,
54
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet {
64
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
65
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
66
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
55
67
  min-height: 100%;
56
68
  min-width: 100%;
57
69
  border-radius: 0;
@@ -33,10 +33,6 @@
33
33
  line-height: inherit;
34
34
  max-width: 100%;
35
35
  }
36
- .v-select .v-select__selection {
37
- margin-top: var(--v-input-chips-margin-top);
38
- margin-bottom: var(--v-input-chips-margin-bottom);
39
- }
40
36
  .v-select .v-select__selection:first-child {
41
37
  margin-inline-start: 0;
42
38
  }