kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Dynamically truncate breadcrumbs

Browse source
This commit is contained in:
Annabel Dunstone Gray 2017-11-08 19:20:49 -07:00
parent cb2d2bc332
commit 738aec70d5
No known key found for this signature in database
GPG key ID: 7C8C78A372AD7A2D
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/assets/stylesheets/framework/header.scss
View file

@ -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 @@
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 @@
.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%);