Hero:Default

Build 2640 on remove-status-page
1200px
Read only
Baseline History
Build 2640b10a1cc
Current build. There are unaccepted changes, so build 2632 is still the baseline.
Show baseline inheritance
Build 2632d4becc0 current baseline
Accepted by Kyle Gach.
Build 2628bb93a31
Accepted by Kyle Gach.
Build 2618bdb226d
Accepted by Norbert de Langen.
Build 26111f4f158
Accepted by Charles de Dreuille.
No comments
Login to comment
DOM Diff
file.html a CHANGED
@@ -37,9 +37,10 @@
37
  class="css-11d1khj e1mjxk3n2">Version
38
  <div class="css-1kfwv16 e1mjxk3n1">
39
  <img src="/images/home/eight.svg" alt="Storybook 8" loading="eager">
40
  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
41
- class="css-1m19vma e1mjxk3n0" opacity="0" transform-origin="7px 7px" style="transform: translateX(-36px) translateY(-10px) scale(0.5) rotate(0deg); transform-origin: 7px 7px;">
 
42
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
43
  fill="url(#paint0_linear_195_11225)"></path>
44
  <defs>
45
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
@@ -49,10 +50,10 @@
49
  </linearGradient>
50
  </defs>
51
  </svg>
52
  <svg width="7" height="7" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
53
- class="css-1m19vma e1mjxk3n0" opacity="0.16825800500000024" transform-origin="3.5px 3.5px"
54
- style="transform: translateX(-16px) translateY(-20px) scale(0.584129) rotate(60.5729deg); transform-origin: 3.5px 3.5px;">
55
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
56
  fill="url(#paint0_linear_195_11225)"></path>
57
  <defs>
58
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
@@ -62,9 +63,10 @@
62
  </linearGradient>
63
  </defs>
64
  </svg>
65
  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
66
- class="css-1m19vma e1mjxk3n0" opacity="0" transform-origin="7px 7px" style="transform: translateX(24px) translateY(-34px) scale(0.5) rotate(0deg); transform-origin: 7px 7px;">
 
67
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
68
  fill="url(#paint0_linear_195_11225)"></path>
69
  <defs>
70
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
@@ -74,10 +76,10 @@
74
  </linearGradient>
75
  </defs>
76
  </svg>
77
  <svg width="7" height="7" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
78
- class="css-1m19vma e1mjxk3n0" opacity="0.12505000500000016" transform-origin="3.5px 3.5px"
79
- style="transform: translateX(52px) translateY(28px) scale(0.558419) rotate(45.018deg); transform-origin: 3.5px 3.5px;">
80
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
81
  fill="url(#paint0_linear_195_11225)"></path>
82
  <defs>
83
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
@@ -96,55 +98,55 @@
96
  <div class="css-b95n49 e17m1ek1">
97
  <img src="/images/develop/sidebar-tf-overview.svg" alt="" class="css-glbvds e17m1ek0"
98
  loading="eager" style="opacity: 0;">
99
  <img src="/images/develop/sidebar-tf-all-day.svg" alt="" class="css-glbvds e17m1ek0"
100
- loading="eager" style="opacity: 0;">
101
  <img src="/images/develop/sidebar-tf-last-hour.svg" alt="" class="css-glbvds e17m1ek0"
102
  loading="eager" style="opacity: 0;">
103
  <img src="/images/develop/sidebar-tf-no-selection.svg" alt="" class="css-glbvds e17m1ek0"
104
- loading="eager" style="opacity: 1;">
105
  </div>
106
  <div class="css-1yu0vjr e72e70i3">
107
  <img src="/images/develop/time-frame-controls.svg" alt="" class="css-1r0zrug e72e70i2"
108
  loading="eager">
109
  <svg viewBox="0 0 140 24" xmlns="http://www.w3.org/2000/svg" class="css-1ypa29q e72e70i1">
110
- <rect x="2" y="2" width="120" height="20" fill="#fff" opacity="0"></rect>
111
  <text x="8" y="16">
112
- <tspan opacity="0">0</tspan>
113
- <tspan opacity="0">7</tspan>
114
- <tspan opacity="0">:</tspan>
115
- <tspan opacity="0">3</tspan>
116
- <tspan opacity="0">0</tspan>
117
  </text>
118
  </svg>
119
  <svg viewBox="0 0 140 24" xmlns="http://www.w3.org/2000/svg" class="css-fc97vg e72e70i0"
120
- opacity="0">
121
  <rect x="2" y="2" width="120" height="20" fill="#fff"></rect>
122
  <text x="8" y="16">
123
- <tspan opacity="0">1</tspan>
124
- <tspan opacity="0">6</tspan>
125
- <tspan opacity="0">:</tspan>
126
- <tspan opacity="0">3</tspan>
127
- <tspan opacity="0">0</tspan>
128
  </text>
129
  </svg>
130
  </div>
131
  <div class="css-x5ywnv eac4rmf2">
132
  <img src="/images/develop/time-frame-no-selection.svg" alt="" width="370"
133
- height="303" class="css-1rlns4g eac4rmf1" style="opacity: 1;" loading="eager">
134
  <img src="/images/develop/time-frame-all-day.svg" alt="" width="370" height="303"
135
  class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
136
  <img src="/images/develop/time-frame-last-hour.svg" alt="" width="370"
137
  height="303" class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
138
  <img src="/images/develop/time-frame-start-time.svg" alt="" width="370"
139
  height="303" class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
140
  <img src="/images/develop/time-frame-end-time.svg" alt="" width="370"
141
- height="303" class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
142
  </div>
143
  <img src="/images/develop/time-frame-overview.svg" alt="" class="css-v4zbot eac4rmf0"
144
  loading="eager" style="opacity: 0;">
145
  <img data-chromatic="ignore" src="/images/develop/pointer.svg" alt=""
146
- class="css-1vj0rm9 eya163w0" loading="eager" style="opacity: 0; transform: translateX(0%) translateY(0%) translateZ(0px);">
147
  </div>
148
  <div class="css-v6x9zz e1iuof8n1">
149
  <div class="css-iwi9op e181hb5u0">
150
  <img src="/images/home/logos/logo-vscode.svg" alt="VScode" class="css-1ira31b e1iuof8n0"
37
  class="css-11d1khj e1mjxk3n2">Version
38
  <div class="css-1kfwv16 e1mjxk3n1">
39
  <img src="/images/home/eight.svg" alt="Storybook 8" loading="eager">
40
  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
41
+ class="css-1m19vma e1mjxk3n0" opacity="0.051168004999996096" transform-origin="7px 7px"
42
+ style="transform: translateX(-36px) translateY(-10px) scale(0.525584) rotate(18.4205deg); transform-origin: 7px 7px;">
43
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
44
  fill="url(#paint0_linear_195_11225)"></path>
45
  <defs>
46
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
50
  </linearGradient>
51
  </defs>
52
  </svg>
53
  <svg width="7" height="7" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
54
+ class="css-1m19vma e1mjxk3n0" opacity="0.4109617799999888" transform-origin="3.5px 3.5px"
55
+ style="transform: translateX(-16px) translateY(-20px) scale(0.705481) rotate(147.946deg); transform-origin: 3.5px 3.5px;">
56
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
57
  fill="url(#paint0_linear_195_11225)"></path>
58
  <defs>
59
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
63
  </linearGradient>
64
  </defs>
65
  </svg>
66
  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
67
+ class="css-1m19vma e1mjxk3n0" opacity="0.8815615549999948" transform-origin="7px 7px"
68
+ style="transform: translateX(24px) translateY(-34px) scale(0.940781) rotate(317.362deg); transform-origin: 7px 7px;">
69
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
70
  fill="url(#paint0_linear_195_11225)"></path>
71
  <defs>
72
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
76
  </linearGradient>
77
  </defs>
78
  </svg>
79
  <svg width="7" height="7" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
80
+ class="css-1m19vma e1mjxk3n0" opacity="0.3015537799999904" transform-origin="3.5px 3.5px"
81
+ style="transform: translateX(52px) translateY(28px) scale(0.650777) rotate(108.559deg); transform-origin: 3.5px 3.5px;">
82
  <path d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
83
  fill="url(#paint0_linear_195_11225)"></path>
84
  <defs>
85
  <linearGradient id="paint0_linear_195_11225" x1="7" y1="0" x2="7" y2="14"
98
  <div class="css-b95n49 e17m1ek1">
99
  <img src="/images/develop/sidebar-tf-overview.svg" alt="" class="css-glbvds e17m1ek0"
100
  loading="eager" style="opacity: 0;">
101
  <img src="/images/develop/sidebar-tf-all-day.svg" alt="" class="css-glbvds e17m1ek0"
102
+ loading="eager" style="opacity: 1;">
103
  <img src="/images/develop/sidebar-tf-last-hour.svg" alt="" class="css-glbvds e17m1ek0"
104
  loading="eager" style="opacity: 0;">
105
  <img src="/images/develop/sidebar-tf-no-selection.svg" alt="" class="css-glbvds e17m1ek0"
106
+ loading="eager" style="opacity: 0;">
107
  </div>
108
  <div class="css-1yu0vjr e72e70i3">
109
  <img src="/images/develop/time-frame-controls.svg" alt="" class="css-1r0zrug e72e70i2"
110
  loading="eager">
111
  <svg viewBox="0 0 140 24" xmlns="http://www.w3.org/2000/svg" class="css-1ypa29q e72e70i1">
112
+ <rect x="2" y="2" width="120" height="20" fill="#fff" opacity="1"></rect>
113
  <text x="8" y="16">
114
+ <tspan opacity="1">0</tspan>
115
+ <tspan opacity="1">7</tspan>
116
+ <tspan opacity="1">:</tspan>
117
+ <tspan opacity="1">3</tspan>
118
+ <tspan opacity="1">0</tspan>
119
  </text>
120
  </svg>
121
  <svg viewBox="0 0 140 24" xmlns="http://www.w3.org/2000/svg" class="css-fc97vg e72e70i0"
122
+ opacity="1">
123
  <rect x="2" y="2" width="120" height="20" fill="#fff"></rect>
124
  <text x="8" y="16">
125
+ <tspan opacity="1">1</tspan>
126
+ <tspan opacity="1">6</tspan>
127
+ <tspan opacity="1">:</tspan>
128
+ <tspan opacity="1">3</tspan>
129
+ <tspan opacity="1">0</tspan>
130
  </text>
131
  </svg>
132
  </div>
133
  <div class="css-x5ywnv eac4rmf2">
134
  <img src="/images/develop/time-frame-no-selection.svg" alt="" width="370"
135
+ height="303" class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
136
  <img src="/images/develop/time-frame-all-day.svg" alt="" width="370" height="303"
137
  class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
138
  <img src="/images/develop/time-frame-last-hour.svg" alt="" width="370"
139
  height="303" class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
140
  <img src="/images/develop/time-frame-start-time.svg" alt="" width="370"
141
  height="303" class="css-1rlns4g eac4rmf1" style="opacity: 0;" loading="eager">
142
  <img src="/images/develop/time-frame-end-time.svg" alt="" width="370"
143
+ height="303" class="css-1rlns4g eac4rmf1" style="opacity: 1;" loading="eager">
144
  </div>
145
  <img src="/images/develop/time-frame-overview.svg" alt="" class="css-v4zbot eac4rmf0"
146
  loading="eager" style="opacity: 0;">
147
  <img data-chromatic="ignore" src="/images/develop/pointer.svg" alt=""
148
+ class="css-1vj0rm9 eya163w0" loading="eager" style="opacity: 1; transform: translateX(-525.941%) translateY(-481.484%) scale(0.9) translateZ(0px);">
149
  </div>
150
  <div class="css-v6x9zz e1iuof8n1">
151
  <div class="css-iwi9op e181hb5u0">
152
  <img src="/images/home/logos/logo-vscode.svg" alt="VScode" class="css-1ira31b e1iuof8n0"