primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-22 19:01:02 +03:00
Code Issues Projects Releases Wiki Activity

Rename SegmentedControl--iconOnly-whenNarrow to SegmentedControl-button--iconOnly-whenNarrow and place on button (#2202)

Browse Source 
* Rename whenNarrow so it's a class on the button

* Create silent-crews-pay.md
This commit is contained in:
Jon Rohan 2022-08-15 09:44:28 -07:00 committed by GitHub
parent 2c0fec7b39
commit b74e78b253
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/silent-crews-pay.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Rename SegmentedControl--iconOnly-whenNarrow to SegmentedControl-button--iconOnly-whenNarrow and place on button

8
src/segmented-control/segmented-control.scss
View File

@ -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;
}
}