Skip to content

Website: fix related link underlines#16721

Merged
ecraig12345 merged 1 commit intomicrosoft:masterfrom
ecraig12345:related-links
Feb 3, 2021
Merged

Website: fix related link underlines#16721
ecraig12345 merged 1 commit intomicrosoft:masterfrom
ecraig12345:related-links

Conversation

@ecraig12345
Copy link
Member

@ecraig12345 ecraig12345 commented Jan 30, 2021

Pull request checklist

  • Include a change request file using $ yarn change

Description of changes

Follow-up to #16625 (adding underlined Links): there were problems with getting the links in the Related sidebar of the website to not be underlined, since they're rendered with the Markdown component which underlines its links by default.

The workaround is to move the lists of component related links from markdown files (containing bulleted lists) to arrays of ISideRailLink. I think this is a better approach anyway because it gets rid of an excess boilerplate file which only ever contained identically-formatted lists of items and required an obnoxious raw-loader import.

While testing this, I discovered that dzearing's webpack 5 change broke testing the website locally due to (for some reason) now serving it at http://[::]:4322/ instead of localhost, and certain places were checking specifically for localhost. (fixed elsewhere)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 30, 2021

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 31ba28c:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@size-auditor
Copy link

size-auditor bot commented Jan 30, 2021

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 37523ddb09fe0156f7081d214457eeff566e0b19 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 30, 2021

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 853 850 5000
BaseButtonCompat mount 993 942 5000
Breadcrumb mount 42571 42475 5000
Checkbox mount 1564 1548 5000
CheckboxBase mount 1342 1299 5000
ChoiceGroup mount 4956 4984 5000
ComboBox mount 993 1003 1000
CommandBar mount 10078 9997 1000
ContextualMenu mount 6123 6087 1000
DefaultButtonCompat mount 1188 1160 5000
DetailsRow mount 3774 3803 5000
DetailsRowFast mount 3667 3690 5000
DetailsRowNoStyles mount 3586 3642 5000
Dialog mount 1503 1531 1000
DocumentCardTitle mount 1812 1784 1000
Dropdown mount 3424 3405 5000
FocusTrapZone mount 1788 1776 5000
FocusZone mount 1822 1784 5000
IconButtonCompat mount 1935 1932 5000
Label mount 323 330 5000
Layer mount 1843 1845 5000
Link mount 472 490 5000
MakeStyles mount 1920 1929 50000
MenuButtonCompat mount 1553 1539 5000
MessageBar mount 1990 2010 5000
Nav mount 3374 3388 1000
OverflowSet mount 1024 1044 5000
Panel mount 1510 1465 1000
Persona mount 872 883 1000
Pivot mount 1417 1481 1000
PrimaryButtonCompat mount 1339 1333 5000
Rating mount 7857 7894 5000
SearchBox mount 1401 1354 5000
Shimmer mount 2717 2729 5000
Slider mount 1907 1971 5000
SpinButton mount 5171 5203 5000
Spinner mount 396 433 5000
SplitButtonCompat mount 3304 3251 5000
Stack mount 522 528 5000
StackWithIntrinsicChildren mount 1618 1717 5000
StackWithTextChildren mount 4831 4930 5000
SwatchColorPicker mount 10506 10505 5000
Tabs mount 1426 1406 1000
TagPicker mount 2954 2890 5000
TeachingBubble mount 11807 11962 5000
Text mount 425 418 5000
TextField mount 1422 1426 5000
ThemeProvider mount 1409 1414 5000
ThemeProvider virtual-rerender 599 596 5000
ThemeProviderNext mount 2155 2159 5000
Toggle mount 809 809 5000
button mount 718 708 5000
buttonNative mount 108 106 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🦄 Avatar.Fluent 0.19 0.53 0.36:1 2000 375
🦄 Button.Fluent 0.13 0.22 0.59:1 5000 647
🔧 Checkbox.Fluent 0.68 0.37 1.84:1 1000 675
🎯 Dialog.Fluent 0.17 0.23 0.74:1 5000 873
🔧 Dropdown.Fluent 3.12 0.41 7.61:1 1000 3115
🔧 Icon.Fluent 0.15 0.07 2.14:1 5000 734
🦄 Image.Fluent 0.09 0.14 0.64:1 5000 445
🔧 Slider.Fluent 1.68 0.45 3.73:1 1000 1678
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 404
🦄 Tooltip.Fluent 0.12 0.92 0.13:1 5000 580

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
PortalMinimalPerf.default 185 167 1.11:1
DividerMinimalPerf.default 454 422 1.08:1
LayoutMinimalPerf.default 479 444 1.08:1
ListNestedPerf.default 667 618 1.08:1
RadioGroupMinimalPerf.default 533 497 1.07:1
AttachmentMinimalPerf.default 203 191 1.06:1
BoxMinimalPerf.default 431 407 1.06:1
StatusMinimalPerf.default 839 789 1.06:1
RefMinimalPerf.default 251 239 1.05:1
AnimationMinimalPerf.default 464 446 1.04:1
ButtonMinimalPerf.default 215 207 1.04:1
DropdownManyItemsPerf.default 807 776 1.04:1
ListCommonPerf.default 733 702 1.04:1
TreeMinimalPerf.default 899 862 1.04:1
ButtonSlotsPerf.default 654 633 1.03:1
HeaderSlotsPerf.default 879 856 1.03:1
InputMinimalPerf.default 1368 1323 1.03:1
SegmentMinimalPerf.default 425 411 1.03:1
TableMinimalPerf.default 482 470 1.03:1
CustomToolbarPrototype.default 3913 3782 1.03:1
Slider.Fluent 1678 1631 1.03:1
AccordionMinimalPerf.default 182 179 1.02:1
CheckboxMinimalPerf.default 2998 2943 1.02:1
FlexMinimalPerf.default 336 331 1.02:1
FormMinimalPerf.default 495 483 1.02:1
GridMinimalPerf.default 410 401 1.02:1
ProviderMinimalPerf.default 1043 1027 1.02:1
ReactionMinimalPerf.default 460 452 1.02:1
Dialog.Fluent 873 860 1.02:1
ButtonUseCssPerf.default 908 895 1.01:1
ChatDuplicateMessagesPerf.default 405 400 1.01:1
HeaderMinimalPerf.default 432 426 1.01:1
ItemLayoutMinimalPerf.default 1347 1334 1.01:1
ListMinimalPerf.default 551 543 1.01:1
MenuButtonMinimalPerf.default 1719 1694 1.01:1
PopupMinimalPerf.default 755 746 1.01:1
SliderMinimalPerf.default 1658 1635 1.01:1
SplitButtonMinimalPerf.default 4082 4055 1.01:1
TextAreaMinimalPerf.default 580 576 1.01:1
Button.Fluent 647 638 1.01:1
Checkbox.Fluent 675 667 1.01:1
DatepickerMinimalPerf.default 50135 50243 1:1
DropdownMinimalPerf.default 3167 3164 1:1
EmbedMinimalPerf.default 4474 4471 1:1
ImageMinimalPerf.default 426 426 1:1
LoaderMinimalPerf.default 744 746 1:1
ProviderMergeThemesPerf.default 1607 1615 1:1
SkeletonMinimalPerf.default 427 426 1:1
Avatar.Fluent 375 374 1:1
AlertMinimalPerf.default 333 338 0.99:1
AttachmentSlotsPerf.default 1272 1291 0.99:1
ButtonOverridesMissPerf.default 1812 1832 0.99:1
ButtonUseCssNestingPerf.default 1135 1142 0.99:1
CarouselMinimalPerf.default 555 562 0.99:1
ChatMinimalPerf.default 671 676 0.99:1
ChatWithPopoverPerf.default 484 487 0.99:1
ToolbarMinimalPerf.default 1041 1051 0.99:1
Dropdown.Fluent 3115 3140 0.99:1
Icon.Fluent 734 742 0.99:1
Image.Fluent 445 451 0.99:1
CardMinimalPerf.default 612 627 0.98:1
DialogMinimalPerf.default 844 864 0.98:1
TableManyItemsPerf.default 2246 2296 0.98:1
TreeWith60ListItems.default 198 202 0.98:1
Text.Fluent 404 413 0.98:1
MenuMinimalPerf.default 930 954 0.97:1
IconMinimalPerf.default 733 752 0.97:1
AvatarMinimalPerf.default 232 241 0.96:1
LabelMinimalPerf.default 460 477 0.96:1
TextMinimalPerf.default 392 409 0.96:1
TooltipMinimalPerf.default 861 896 0.96:1
Tooltip.Fluent 580 602 0.96:1
RosterPerf.default 1279 1351 0.95:1
VideoMinimalPerf.default 704 738 0.95:1
ListWith60ListItems.default 668 711 0.94:1

@ecraig12345 ecraig12345 changed the title Website: fix related link underlines and webpack serve Website: fix related link underlines Feb 2, 2021
@ecraig12345 ecraig12345 merged commit 6adb69f into microsoft:master Feb 3, 2021
@ecraig12345 ecraig12345 deleted the related-links branch February 3, 2021 00:24
@khmakoto khmakoto mentioned this pull request Feb 18, 2021
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants