Skip to content

Commit f55adbe

Browse files
committed
Refactor class names
1 parent fca330f commit f55adbe

File tree

3 files changed

+8
-10
lines changed

3 files changed

+8
-10
lines changed

src/split-panel/implementation.tsx

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -102,21 +102,19 @@ export function SplitPanelImplementation({
102102
<div className={clsx(styles.header, isToolbar && styles['with-toolbar'])} style={appLayoutMaxWidth}>
103103
<div className={styles['header-content']}>
104104
<div className={styles['header-main-row']}>
105-
<div className={styles['header-text-and-info']}>
105+
<div>
106106
<h2 className={clsx(styles['header-text'], testUtilStyles['header-text'])} id={panelHeaderId}>
107107
{header}
108108
</h2>
109109
{headerInfo && (
110-
<span className={clsx(styles['header-info-slot'], testUtilStyles['header-info-slot'])}>{headerInfo}</span>
110+
<span className={clsx(styles['header-info'], testUtilStyles['header-info'])}>{headerInfo}</span>
111111
)}
112112
</div>
113113
{headerActions && (
114-
<div className={clsx(styles['header-actions-slot'], testUtilStyles['header-actions-slot'])}>
115-
{headerActions}
116-
</div>
114+
<div className={clsx(styles['header-actions'], testUtilStyles['header-actions'])}>{headerActions}</div>
117115
)}
118116
</div>
119-
<div className={styles['header-actions']}>
117+
<div className={styles['header-buttons']}>
120118
{!hidePreferencesButton && isOpen && (
121119
<>
122120
<InternalButton

src/split-panel/styles.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
267267
min-block-size: calc(#{awsui.$font-panel-header-line-height} + #{$vertical-margin});
268268
}
269269

270-
&-info-slot {
270+
&-info {
271271
display: inline;
272272
margin-inline-start: awsui.$space-scaled-xs;
273273
}
@@ -280,7 +280,7 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
280280
}
281281
}
282282

283-
.header-actions {
283+
.header-buttons {
284284
display: flex;
285285
flex-direction: row;
286286
justify-content: space-between;

src/split-panel/test-classes/styles.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
*/
55

66
.root,
7-
.header-actions-slot,
7+
.header-actions,
88
.header-description,
9-
.header-info-slot,
9+
.header-info,
1010
.header-text,
1111
.open-button,
1212
.close-button,

0 commit comments

Comments
 (0)