1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Design management toolbar component renders design and updated data 1`] = `
<header
class="gl-bg-white gl-border-b gl-flex gl-flex-col gl-justify-between gl-max-w-full gl-pl-5 gl-py-4 js-design-header md:gl-flex-row md:gl-items-center"
>
<div
class="gl-flex gl-flex-row gl-items-center gl-mb-3 gl-overflow-hidden md:gl-mb-0"
>
<div
class="gl-flex gl-mr-3 gl-overflow-hidden"
>
<h2
class="gl-flex gl-items-center gl-m-0 gl-overflow-hidden gl-text-base"
>
<span
class="gl-no-underline gl-text-gray-900 gl-truncate"
>
My precious issue
</span>
<gl-icon-stub
class="gl-shrink-0"
name="chevron-right"
size="16"
variant="disabled"
/>
<span
class="gl-font-normal gl-truncate"
>
test.jpg
</span>
<imported-badge-stub
class="gl-ml-2"
importabletype="design"
/>
</h2>
<small
class="gl-text-gray-500"
>
Updated 1 hour ago by Test Name
</small>
</div>
<close-button-stub
class="gl-ml-auto md:gl-hidden"
/>
</div>
<div
class="gl-flex gl-mr-5 gl-shrink-0 md:gl-flex-row md:gl-ml-auto"
>
<design-todo-button-stub
class="gl-ml-0 md:gl-ml-3"
design="[object Object]"
/>
<gl-button-stub
aria-label="Download design"
buttontextclasses=""
category="tertiary"
class="gl-ml-2"
href="/-/designs/306/7f747adcd4693afadbe968d7ba7d983349b9012d"
icon="download"
size="medium"
title="Download design"
variant="default"
/>
<delete-button-stub
buttoncategory="tertiary"
buttonclass=""
buttonicon="archive"
buttonsize="medium"
buttonvariant="default"
class="gl-ml-2"
hasselecteddesigns="true"
title="Archive design"
/>
<gl-button-stub
aria-label="Show comments"
buttontextclasses=""
category="tertiary"
class="gl-ml-2 gl-mr-6"
data-testid="toggle-design-sidebar"
icon="comments"
size="medium"
title="Show comments"
variant="default"
/>
<design-navigation-stub
class="gl-ml-auto"
id="reference-0"
/>
</div>
<close-button-stub
class="gl-hidden md:gl-flex"
/>
</header>
`;
|
