Commit 738aec70 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Dynamically truncate breadcrumbs

parent cb2d2bc3
...@@ -401,10 +401,13 @@ ...@@ -401,10 +401,13 @@
.breadcrumbs-list { .breadcrumbs-list {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
flex-wrap: wrap;
margin-bottom: 0; margin-bottom: 0;
line-height: 16px; line-height: 16px;
@media (max-width: $screen-xs-max) {
flex-wrap: wrap;
}
> li { > li {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -412,12 +415,20 @@ ...@@ -412,12 +415,20 @@
padding: 2px 0; padding: 2px 0;
&:not(:last-child) { &:not(:last-child) {
margin-right: 20px; padding-right: 20px;
&:not(.dropdown) {
overflow: hidden;
}
} }
> a { > a {
font-size: 12px; font-size: 12px;
color: currentColor; color: currentColor;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 0 1 auto;
} }
} }
} }
...@@ -432,7 +443,7 @@ ...@@ -432,7 +443,7 @@
.breadcrumbs-list-angle { .breadcrumbs-list-angle {
position: absolute; position: absolute;
right: -12px; right: 7px;
top: 50%; top: 50%;
color: $gl-text-color-tertiary; color: $gl-text-color-tertiary;
transform: translateY(-50%); transform: translateY(-50%);
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment