Skip to content

Fluent updates#5357

Merged
bennettclark merged 11 commits intomicrosoft:masterfrom
bennettclark:fluent-updates
Jun 27, 2018
Merged

Fluent updates#5357
bennettclark merged 11 commits intomicrosoft:masterfrom
bennettclark:fluent-updates

Conversation

@bennettclark
Copy link
Copy Markdown
Contributor

@bennettclark bennettclark commented Jun 27, 2018

Pull request checklist

  • Include a change request file using $ npm run change

Description of changes

Updated fluent styles for toggle pill and thumb dimensions, padding, border-radius, etc from em to px.

Microsoft Reviewers: Open in CodeFlow

Copy link
Copy Markdown
Collaborator

@oengusmacinog-zz oengusmacinog-zz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Had a question on some padding, but assuming there is probably a reason this looks good to go.

width: '40px',
height: '20px',
borderRadius: '10px',
padding: '0 4px'
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why the side padding?

Copy link
Copy Markdown
Contributor Author

@bennettclark bennettclark Jun 27, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's the same side padding value in the pre-fluent styles currently in use by Toggle, but it's in ems in the pre-fluent component styles, so I added the px style here to uniformly update to px from em.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome!

@bennettclark bennettclark merged commit 92b37c8 into microsoft:master Jun 27, 2018
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request Jul 1, 2018
* master: (151 commits)
  Css updates for card components (microsoft#5393)
  DatePicker MergeStyles step 2 - Converts scss to js styles (microsoft#5362)
  Update stale with 60 day comment and updated ignored label names. (microsoft#5388)
  replaced await for ie compat syntax - but still needs promise (microsoft#5387)
  Slider - mergestyle conversion (microsoft#5379)
  Applying package updates.
  Enabling publishing for charting and gridlayout. (microsoft#5378)
  TilesList: fadeOut overlay. (microsoft#5381)
  Pivot: JS Styling (microsoft#5324)
  ShimmeredDetailsList: wrapper for DetailsList with Shimmer. (microsoft#5374)
  dashboard-grid-layout improved example (microsoft#5373)
  Applying package updates.
  Addressing Issue microsoft#5165 - Using Customizer with Nav Component (microsoft#5361)
  Applying package updates.
  Address issue microsoft#5353 (microsoft#5359)
  Change log to trigger release (microsoft#5358)
  Fluent updates (microsoft#5357)
  TextField render value undefined as empty string (microsoft#5349)
  Applying package updates.
  DetailsColumn: css class changes to show gripper when hover on draggable columns (microsoft#5309)
  ...
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 30, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants