testio-tailwind 3.11.0 → 3.12.0
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 +1 -1
- package/src/assets/stylesheets/app.css +2 -1
- package/src/assets/stylesheets/components/agenticqa/agenticqa_pageheader.css +3 -3
- package/src/assets/stylesheets/components/agenticqa/agenticqa_status_stepper.css +20 -0
- package/src/assets/stylesheets/components/list_item.css +1 -1
- package/src/assets/stylesheets/components/splitview.css +12 -0
- package/src/pages/agenticqa/splitview_items.haml +63 -0
- package/src/pages/agenticqa/status_stepper.haml +25 -0
package/package.json
CHANGED
|
@@ -93,4 +93,5 @@
|
|
|
93
93
|
/*//// Agentic QA components ////*/
|
|
94
94
|
@import './components/agenticqa/agenticqa_header.css' layer(components);
|
|
95
95
|
@import './components/agenticqa/agenticqa_sidebar.css' layer(components);
|
|
96
|
-
@import './components/agenticqa/agenticqa_pageheader.css' layer(components);
|
|
96
|
+
@import './components/agenticqa/agenticqa_pageheader.css' layer(components);
|
|
97
|
+
@import './components/agenticqa/agenticqa_status_stepper.css' layer(components);
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.page-header .page-maincard {
|
|
7
|
-
@apply md:col-span-2 lg:col-span-3 xl:col-span-4;
|
|
7
|
+
@apply sm:col-span-2 md:col-span-2 lg:col-span-3 xl:col-span-4;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.page-header.with-chart .page-maincard {
|
|
11
|
-
@apply md:col-span-1 lg:col-span-2 xl:col-span-3;
|
|
11
|
+
@apply sm:col-span-1 md:col-span-1 lg:col-span-2 xl:col-span-3;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.page-header.with-chart .page-actions {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.page-actions {
|
|
43
|
-
@apply flex flex-row md:flex-col h-full;
|
|
43
|
+
@apply flex flex-row md:flex-col h-full sm:col-span-2 md:col-span-1;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.page-actions .btn {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
|
|
2
|
+
.status-stepper {
|
|
3
|
+
@apply flex flex-row items-stretch justify-stretch w-full;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.status-stepper .status-step {
|
|
7
|
+
@apply flex flex-row justify-center items-center shrink-0 mr-xs last:mr-0 px-md py-xs grow-0 rounded text-label-color leading-none bg-black;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.status-stepper .status-step.active {
|
|
11
|
+
@apply grow-1 text-white bg-gray-750;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.status-step .icon {
|
|
15
|
+
@apply mr-xs text-label-color;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.status-step .counter {
|
|
19
|
+
@apply pr-xs text-lg font-bold text-label-color leading-none;
|
|
20
|
+
}
|
|
@@ -86,7 +86,7 @@ a.listitem:hover {
|
|
|
86
86
|
|
|
87
87
|
|
|
88
88
|
.listitem-badge {
|
|
89
|
-
@apply flex justify-center items-
|
|
89
|
+
@apply flex justify-center items-center w-btn px-xxs py-xxs text-white dark:font-bold dark:text-heading-5 dark:leading-none bg-black dark:bg-gray-750 rounded-l;
|
|
90
90
|
grid-area: badge;
|
|
91
91
|
}
|
|
92
92
|
|
|
@@ -390,6 +390,18 @@ body:not(.dark) .splitview-item.selected {
|
|
|
390
390
|
@apply rounded-br-none;
|
|
391
391
|
}
|
|
392
392
|
|
|
393
|
+
.splitview-group-status {
|
|
394
|
+
@apply pl-lg pr-md py-xs bg-listitem border-b border-appbody;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.splitview-btn {
|
|
398
|
+
@apply w-full justify-center text-label text-label-color;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
.splitview-group .splitview-btn {
|
|
402
|
+
@apply bg-listitem rounded-t-none rounded-b;
|
|
403
|
+
}
|
|
404
|
+
|
|
393
405
|
/*///// Grid split /////*/
|
|
394
406
|
|
|
395
407
|
.grid-splitview {
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
---
|
|
2
|
+
tags: agenticqa
|
|
3
|
+
title: Splitview items
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
.card.p-card-padding
|
|
7
|
+
%nav.nav-tabs
|
|
8
|
+
.navlink.active{href:""} 11 Pages
|
|
9
|
+
.navlink{href:""} 6 Checks
|
|
10
|
+
%details.splitview-group
|
|
11
|
+
%summary.splitview-item.unread
|
|
12
|
+
.splitview-item-icon.icon.icon-circle-empty.text-chart-empty
|
|
13
|
+
.splitview-item-text
|
|
14
|
+
.splitview-item-title https://www.bando.com/collections/writing-supplies/products/retro-pen-set
|
|
15
|
+
.splitview-item-status
|
|
16
|
+
.text-with-icon
|
|
17
|
+
.icon.icon-sync
|
|
18
|
+
executing checks
|
|
19
|
+
.splitview-group-status.status-stepper
|
|
20
|
+
.status-step.completed
|
|
21
|
+
.icon.icon-check-thick-centered
|
|
22
|
+
3 done
|
|
23
|
+
.status-step.active
|
|
24
|
+
.icon.icon-sync
|
|
25
|
+
Executing checks
|
|
26
|
+
.status-step
|
|
27
|
+
+ 3 to do
|
|
28
|
+
.splitview-item.selected
|
|
29
|
+
.splitview-item-icon.icon.icon-cross-circle-filled.danger
|
|
30
|
+
.splitview-item-text Check title
|
|
31
|
+
.splitview-item.unread
|
|
32
|
+
.splitview-item-icon.icon.icon-check-circle-filled.success
|
|
33
|
+
.splitview-item-text Check title with an endless amount of really long lorem ipsum
|
|
34
|
+
.splitview-item.unread
|
|
35
|
+
.splitview-item-icon.icon.icon-blocked.blocked
|
|
36
|
+
.splitview-item-text Check title with a lot of lorem ipsum
|
|
37
|
+
.splitview-item.unread
|
|
38
|
+
.splitview-item-icon.icon.icon-sync.pending
|
|
39
|
+
.splitview-item-text Check title with a lot of lorem ipsum
|
|
40
|
+
%details.splitview-group
|
|
41
|
+
%summary.splitview-item
|
|
42
|
+
.splitview-item-icon.icon.icon-circle-empty.text-chart-empty
|
|
43
|
+
.splitview-item-text
|
|
44
|
+
.splitview-item-title https://url.com
|
|
45
|
+
.splitview-group-status.status-stepper
|
|
46
|
+
.status-step.active
|
|
47
|
+
Pending start
|
|
48
|
+
.status-step
|
|
49
|
+
+ 6 to do
|
|
50
|
+
%turbo-frame.turbo-wrapper
|
|
51
|
+
%a.splitview-item
|
|
52
|
+
.splitview-item-icon.icon.icon-check-circle-filled.success
|
|
53
|
+
.splitview-item-text Navigation Menu Hover
|
|
54
|
+
%turbo-frame.turbo-wrapper
|
|
55
|
+
%a.splitview-item
|
|
56
|
+
.splitview-item-icon.icon.icon-cross-circle-filled.danger
|
|
57
|
+
.splitview-item-text No Results Message
|
|
58
|
+
%turbo-frame.turbo-wrapper
|
|
59
|
+
%a.splitview-item
|
|
60
|
+
.splitview-item-icon.icon.icon-check-circle-filled.success
|
|
61
|
+
.splitview-item-text Main Product Image
|
|
62
|
+
%btn.btn.splitview-btn Show 99 dismissed checks
|
|
63
|
+
%btn.btn.splitview-btn Show 99 dismissed pages
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
tags: agenticqa
|
|
3
|
+
title: Status stepper
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
.status-stepper
|
|
7
|
+
.status-step.completed
|
|
8
|
+
.icon.icon-check-thick-centered
|
|
9
|
+
3 done
|
|
10
|
+
.status-step.active
|
|
11
|
+
.icon.icon-sync
|
|
12
|
+
Executing checks
|
|
13
|
+
.status-step
|
|
14
|
+
+ 3 to do
|
|
15
|
+
.py-md
|
|
16
|
+
.status-stepper
|
|
17
|
+
.status-step.completed
|
|
18
|
+
.counter 99
|
|
19
|
+
Completed
|
|
20
|
+
.status-step.active
|
|
21
|
+
.counter 99
|
|
22
|
+
Active
|
|
23
|
+
.status-step
|
|
24
|
+
.counter 99
|
|
25
|
+
Initial
|