Skip to content

Commit 3a8596f

Browse files
committed
chore: remove error icon from output banner
1 parent 3b12a87 commit 3a8596f

File tree

2 files changed

+21
-31
lines changed

2 files changed

+21
-31
lines changed

lib/components/Output/Output.jsx

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -237,21 +237,18 @@ function ErrorBanner({
237237
}) {
238238
return (
239239
<div className="output__error">
240-
<div className="output__error--icon">
241-
<ErrorFilled />
242-
</div>
243-
<div className="output__error--content">
244-
<div className="output__error--title">
245-
<span>{title}</span>
246-
{
247-
actionLabel && <Link href={ actionUrl } onClick={ () => onActionClick() }>
240+
<div className="output__error--title">
241+
<span>{title}</span>
242+
{
243+
actionLabel && <div className="output__error--action">
244+
<Link href={ actionUrl } onClick={ () => onActionClick() }>
248245
{ actionLabel }
249246
</Link>
250-
}
251-
</div>
252-
<div>
253-
<span>{ description }</span>
254-
</div>
247+
</div>
248+
}
249+
</div>
250+
<div className="output__error--content">
251+
<span>{ description }</span>
255252
</div>
256253
</div>
257254
);

lib/style/style.scss

Lines changed: 11 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -156,34 +156,27 @@
156156

157157
.output__error {
158158
display: flex;
159-
flex-direction: row;
159+
flex-direction: column;
160160
gap: 12px;
161161
padding: 12px;
162162
margin-bottom: 12px;
163163
border: 1px solid #da1e28;
164164
border-left-width: 3px;
165165
background-color: #fff1f1;
166166

167-
.output__error--content {
167+
.output__error--title {
168168
display: flex;
169-
flex-direction: column;
170-
gap: 6px;
171-
flex-grow: 1;
172-
margin-top: 1px;
173-
174-
.output__error--title {
175-
display: flex;
176-
justify-content: space-between;
177-
font-weight: bold;
178-
179-
.cds--link {
180-
cursor: pointer;
181-
}
169+
flex-direction: row;
170+
align-items: center;
171+
font-weight: bold;
172+
173+
svg {
174+
fill: #da1e28;
182175
}
183-
}
184176

185-
.output__error--icon svg {
186-
fill: #da1e28;
177+
.output__error--action {
178+
margin-left: auto;
179+
}
187180
}
188181
}
189182

0 commit comments

Comments
 (0)