Skip to content

Commit 79aa7f4

Browse files
bphbph
committed
Color tab: borderless palette summary, link next to swatches
Drops the border / rounded corners around the palette summary row and left-aligns the "Edit palette" button so it sits right next to the swatch stack instead of being pushed to the far right. Reduces visual noise on a modal that already has enough horizontal rules. Refs #838
1 parent 10cc987 commit 79aa7f4

2 files changed

Lines changed: 5 additions & 5 deletions

File tree

‎src/editor-sidebar/edit-theme-settings-modal.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -301,7 +301,9 @@ const PaletteSummary = ( { palette, onEdit } ) => (
301301
<HStack
302302
className="cbt-palette-summary"
303303
alignment="center"
304-
justify="space-between"
304+
justify="flex-start"
305+
spacing={ 3 }
306+
expanded={ false }
305307
>
306308
<HStack
307309
className="cbt-palette-summary__swatches"

‎src/plugin-styles.scss‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -43,10 +43,8 @@ $modal-footer-height: 70px;
4343
}
4444

4545
.cbt-palette-summary {
46-
padding: 12px 16px;
47-
border: 1px solid #e0e0e0;
48-
border-radius: 4px;
49-
margin-bottom: 16px;
46+
padding: 8px 0;
47+
margin-bottom: 8px;
5048

5149
&__swatches > * + * {
5250
// Overlap each subsequent swatch onto its predecessor.

0 commit comments

Comments
 (0)