Skip to content
Merged
Changes from 7 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 23 additions & 2 deletions src/components/Breadcrumb/Breadcrumb.scss
Original file line number Diff line number Diff line change
Expand Up @@ -174,10 +174,31 @@
// TODO: Overrides that need to be removed.

Copy link
Contributor

Choose a reason for hiding this comment

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

I think the POR is to not have/use components CSS, you should port everything over instead and make it RTL aware

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@cliffkoh can you provide a little more info here? Not quire sure what this comment is about and/or how to act on. Thanks.

Copy link
Contributor

Choose a reason for hiding this comment

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

@dubunin Basically you shouldn't have @import '~office-ui-fabric/src/components/Breadcrumb/Breadcrumb';.

I am frankly surprised there isn't a merge conflict, can you check what is in master?

Also tagging @dzearing

.ms-Breadcrumb-overflow {
@include margin-right(0px);
Copy link
Contributor

Choose a reason for hiding this comment

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

You shouldn’t be having overrides anymore since the style you’re overwriting is just above in the very same file…

display: inline-block;
}

.ms-Breadcrumb-overflowButton {
@include margin-right(0px);
line-height: 12px;
margin-right: 0px;
}

// Temp fix. Should be updated in fabric core
Copy link
Member

Choose a reason for hiding this comment

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

Not necessarily true anymore--you can probably remove this todo.

&:hover {
color: $ms-color-themeDark;
}
}

// Override the default fabric styles for focus which do not make use of FocusZone
.ms-Breadcrumb-itemLink {
&:focus {
outline: none;
color: $ms-color-neutralPrimary;
}
}

.ms-Fabric.is-focusVisible .ms-Breadcrumb-itemLink {
&:focus {
outline: 1px solid $ms-color-neutralSecondaryAlt;
color: $ms-color-black;
}
}