@mythpe/quasar-ui-qui 0.1.56 → 0.1.57

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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/components/datatable/MDatatable.vue +0 -77
  3. package/src/index.sass +3 -1
  4. package/src/style/ckeditor5.sass +0 -3
  5. package/src/style/m-container.sass +0 -1
  6. package/src/style/m-dt.sass +76 -0
  7. package/src/style/main.sass +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mythpe/quasar-ui-qui",
3
- "version": "0.1.56",
3
+ "version": "0.1.57",
4
4
  "description": "MyTh Quasar UI Kit App Extension",
5
5
  "author": {
6
6
  "name": "MyTh Ahmed Faiz",
package/src/components/datatable/MDatatable.vue CHANGED
@@ -1436,80 +1436,3 @@ defineExpose({
1436
1436
  </q-page-sticky>
1437
1437
  </div>
1438
1438
  </template>
1439
-
1440
- <style lang="sass">
1441
- .touch
1442
- .m--datatable-fab-tooltip
1443
- display: none
1444
-
1445
- .body--light
1446
- .m--datatable
1447
- .q-table__top,
1448
- .q-table__bottom,
1449
- thead tr:first-child th
1450
- background: #fff
1451
-
1452
- .body--dark
1453
- .m--datatable
1454
- .q-table__top,
1455
- .q-table__bottom,
1456
- thead tr:first-child th
1457
- background: var(--q-dark-page)
1458
-
1459
- .m--datatable-component
1460
- .m--datatable.m--datatable-grid
1461
- .q-table__top
1462
- padding-left: 0
1463
- padding-right: 0
1464
-
1465
- &__fab
1466
- margin-bottom: 12rem
1467
-
1468
- &__fixed
1469
- thead tr th
1470
- position: sticky
1471
- z-index: 1
1472
-
1473
- thead tr:first-child th
1474
- top: 0
1475
-
1476
- .m--datatable:not(.m--datatable-grid)
1477
- max-height: 80vh
1478
-
1479
- .m--datatable:not(.m--datatable-grid).q-table--dense
1480
- &.q-table--loading thead tr:last-child th
1481
- top: 26px
1482
-
1483
- .m--datatable:not(.m--datatable-grid):not(.q-table--dense)
1484
- &.q-table--loading thead tr:last-child th
1485
- top: 55px
1486
-
1487
- .q-table__bottom
1488
- justify-content: start !important
1489
-
1490
- .q-table__separator.col
1491
- display: none !important
1492
-
1493
- .q-table__top
1494
- align-items: center
1495
-
1496
- .q-table__separator.col
1497
- display: none !important
1498
-
1499
- .q-table__control:last-child
1500
- padding-left: 8px
1501
- display: block
1502
- flex: 10000 1 0
1503
- width: auto
1504
- min-width: 0
1505
- max-width: 100%
1506
-
1507
- .m--dialog-card
1508
- .q-card__actions
1509
- .q-btn
1510
- padding: 4px 16px !important
1511
-
1512
- .grid-style-transition
1513
- transition: transform .28s, background-color .28s
1514
-
1515
- </style>
package/src/index.sass CHANGED
@@ -6,6 +6,8 @@
6
6
 
7
7
  //@import 'quasar/src/css/variables.sass'
8
8
  @import './style/ckeditor5.sass'
9
- @import './style/main.sass'
10
9
  @import './style/m-container.sass'
10
+ @import './style/m-dt.sass'
11
+ @import './style/main.sass'
11
12
  @import './style/print.sass'
13
+ @import './style/transition'
package/src/style/ckeditor5.sass CHANGED
@@ -1,8 +1,5 @@
1
1
  @import 'ckeditor5/ckeditor5.css' #{"/* rtl:ignore */"}
2
2
 
3
- $ck-z-dialog: 9999
4
- $ck-z-panel: calc(var(--ck-z-default) + var(--ck-z-dialog))
5
-
6
3
  :root
7
4
  --ck-z-dialog: 9999 !important
8
5
  --ck-z-panel: calc(var(--ck-z-default) + var(--ck-z-dialog)) !important
package/src/style/m-container.sass CHANGED
@@ -1,4 +1,3 @@
1
- //@use "quasar/src/css/variables" as q
2
1
 
3
2
  $m--container-padding: $space-base !default
4
3
  $m--container-fluid-width: 1440px !default
package/src/style/m-dt.sass ADDED
@@ -0,0 +1,76 @@
1
+
2
+ $fixed-dt-height: 80vh !default
3
+
4
+ .touch
5
+ .m--datatable-fab-tooltip
6
+ display: none
7
+
8
+ .body--light
9
+ .m--datatable
10
+ .q-table__top,
11
+ .q-table__bottom,
12
+ thead tr:first-child th
13
+ background: #fff
14
+
15
+ .body--dark
16
+ .m--datatable
17
+ .q-table__top,
18
+ .q-table__bottom,
19
+ thead tr:first-child th
20
+ background: var(--q-dark-page)
21
+
22
+ .m--datatable-component
23
+ .m--datatable.m--datatable-grid
24
+ .q-table__top
25
+ padding-left: 0
26
+ padding-right: 0
27
+
28
+ &__fab
29
+ margin-bottom: 12rem
30
+
31
+ &__fixed
32
+ thead tr th
33
+ position: sticky
34
+ z-index: 1
35
+
36
+ thead tr:first-child th
37
+ top: 0
38
+
39
+ .m--datatable:not(.m--datatable-grid)
40
+ max-height: $fixed-dt-height
41
+
42
+ .m--datatable:not(.m--datatable-grid).q-table--dense
43
+ &.q-table--loading thead tr:last-child th
44
+ top: 26px
45
+
46
+ .m--datatable:not(.m--datatable-grid):not(.q-table--dense)
47
+ &.q-table--loading thead tr:last-child th
48
+ top: 55px
49
+
50
+ .q-table__bottom
51
+ justify-content: start !important
52
+
53
+ .q-table__separator.col
54
+ display: none !important
55
+
56
+ .q-table__top
57
+ align-items: center
58
+
59
+ .q-table__separator.col
60
+ display: none !important
61
+
62
+ .q-table__control:last-child
63
+ padding-left: 8px
64
+ display: block
65
+ flex: 10000 1 0
66
+ width: auto
67
+ min-width: 0
68
+ max-width: 100%
69
+
70
+ .m--dialog-card
71
+ .q-card__actions
72
+ .q-btn
73
+ padding: 4px 16px !important
74
+
75
+ .grid-style-transition
76
+ transition: transform .28s, background-color .28s
package/src/style/main.sass CHANGED
@@ -1,5 +1,4 @@
1
1
  @use 'sass:map'
2
- //@use "quasar/src/css/variables" as q
3
2
 
4
3
  $m--row-margin-top: 1rem !default
5
4
  $m--input-helpers-margin: 5px !default