testio-tailwind 3.20.1 → 3.20.2

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.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "testio-tailwind",
3
- "version": "3.20.1",
3
+ "version": "3.20.2",
4
4
  "description": "Tailwind based design system for Test IO",
5
5
  "scripts": {
6
6
  "clean": "del dist --force",
@@ -4,9 +4,17 @@
4
4
  "splitview-list-header splitview-details"
5
5
  "splitview-list splitview-details"
6
6
  "splitview-list-actionbar splitview-details-actionbar";
7
- grid-template-columns: auto 1fr;
7
+ grid-template-columns: 1fr auto;
8
8
  grid-template-rows: auto auto 1fr auto;
9
9
  grid-area: main;
10
+ }
11
+
12
+ .splitview-layout.item-selected {
13
+ grid-template-columns: auto 1fr;
14
+ }
15
+
16
+ .splitview-layout,
17
+ .splitview-layout.item-selected {
10
18
  @media (width >= theme(--breakpoint-lg)) {
11
19
  grid-template-columns: 1fr 1fr;
12
20
  }
@@ -39,7 +47,7 @@
39
47
  }
40
48
 
41
49
  .splitview-layout.item-selected .splitview-list {
42
- @apply hidden lg:grid overflow-x-hidden;
50
+ @apply hidden lg:grid lg:content-start overflow-x-hidden;
43
51
  }
44
52
 
45
53
  .splitview-layout.item-selected {
@@ -65,9 +73,6 @@
65
73
  .splitview-details-actionbar {
66
74
  display: flex;
67
75
  }
68
- .splitview-list {
69
- display: block;
70
- }
71
76
  }
72
77
 
73
78
  .splitview-header {
@@ -133,11 +138,11 @@
133
138
  }
134
139
 
135
140
  .splitview-details-title {
136
- @apply text-heading-3 dark:text-card-header;
141
+ @apply text-heading-3 leading-tight dark:text-card-header;
137
142
  }
138
143
 
139
144
  .splitview-details-header .btn-close-detailview {
140
- @apply lg:hidden;
145
+ @apply ml-auto lg:hidden;
141
146
  }
142
147
 
143
148
  .list-splitview-meta {
@@ -68,7 +68,7 @@ tags: "examples"
68
68
  .splitview-list
69
69
  %details.splitview-group
70
70
  %summary.splitview-item
71
- .splitview-item-icon.icon.icon-circle.danger
71
+ .splitview-item-icon.icon.icon-circle-empty.danger
72
72
  .splitview-item-text
73
73
  .splitview-item-title Splitview group title / Test Case title
74
74
  .splitview-item-metainfo
@@ -95,7 +95,7 @@ tags: "examples"
95
95
  Windows 10 | Chrome
96
96
  %details.splitview-group
97
97
  %summary.splitview-item
98
- .splitview-item-icon.icon.icon-circle.success
98
+ .splitview-item-icon.icon.icon-circle-empty.success
99
99
  .splitview-item-text
100
100
  .splitview-item-title Splitview group title / Test Case title
101
101
  .splitview-item-metainfo
@@ -107,7 +107,7 @@ tags: "examples"
107
107
  %span.icon.icon-safari.mr-icon-spacing
108
108
  iOS 18 | Safari
109
109
  .splitview-item
110
- .splitview-item-icon.icon.icon-circle.success
110
+ .splitview-item-icon.icon.icon-check-circle-filled.success
111
111
  .splitview-item-text
112
112
  %span.icon.icon-tablet-android.mr-icon-spacing
113
113
  %span.icon.icon-chrome.mr-icon-spacing
@@ -30,7 +30,6 @@ tags: "examples"
30
30
  %a.navlink{href:'#'}
31
31
  %span.navlink-badge.icon.icon-bug-reproduction
32
32
  Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
33
-
34
33
  %main.splitview-layout#ds-splitview-demo
35
34
  .splitview-header
36
35
  %h1 Splitview layout