From f922616ca4f1745fdc987ceecc4ee024a202371e Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Fri, 12 Aug 2022 16:22:42 +0000 Subject: [PATCH 1/2] Rename whenNarrow so it's a class on the button --- src/segmented-control/segmented-control.scss | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/segmented-control/segmented-control.scss b/src/segmented-control/segmented-control.scss index fba58f8674..225865f3d3 100644 --- a/src/segmented-control/segmented-control.scss +++ b/src/segmented-control/segmented-control.scss @@ -135,10 +135,8 @@ // Icon only when narrow @media (max-width: $width-md) { - .SegmentedControl--iconOnly-whenNarrow { - .SegmentedControl-button { - width: var(--primer-control-medium-size, 32px); - } + .SegmentedControl-button--iconOnly-whenNarrow { + width: var(--primer-control-medium-size, 32px); .SegmentedControl-content { padding: 0; @@ -163,7 +161,7 @@ // reset for icon-only buttons .SegmentedControl-button--iconOnly, - .SegmentedControl--iconOnly-whenNarrow .SegmentedControl-button { + .SegmentedControl-button--iconOnly-whenNarrow { min-width: unset; } } From b0606c49f6aa3a55ece80dbc33389d95f32466fa Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 15 Aug 2022 09:12:07 -0700 Subject: [PATCH 2/2] Create silent-crews-pay.md --- .changeset/silent-crews-pay.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/silent-crews-pay.md diff --git a/.changeset/silent-crews-pay.md b/.changeset/silent-crews-pay.md new file mode 100644 index 0000000000..1a2ec8eef1 --- /dev/null +++ b/.changeset/silent-crews-pay.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Rename SegmentedControl--iconOnly-whenNarrow to SegmentedControl-button--iconOnly-whenNarrow and place on button