Commit 1c5357dc authored by Frederic Caplette's avatar Frederic Caplette

Remove max width 90% from job dropdown

To ensure that the text was cut off properly
in the job dropdown component, there was a
max-width of 90% which was working properly,
but was a bit more flaky than this solution
based on having the flex items have a min-width
of 0. We also remove unused classes.
parent 81e262a5
......@@ -47,15 +47,14 @@ export default {
class="dropdown-menu-toggle build-content gl-build-content"
>
<div class="gl-display-flex gl-align-items-center gl-justify-content-space-between">
<span class="gl-display-flex gl-align-items-center gl-w-90">
<span class="gl-display-flex gl-align-items-center gl-min-w-0">
<ci-icon :status="group.status" :size="24" />
<span class="gl-text-truncate mw-70p gl-pl-3 gl-display-inline-block">
<span class="gl-text-truncate mw-70p gl-pl-3">
{{ group.name }}
</span>
</span>
<span class="gl-font-weight-100 gl-font-size-lg gl-pr-2"> {{ group.size }} </span>
<span class="gl-font-weight-100 gl-font-size-lg"> {{ group.size }} </span>
</div>
</button>
......
......@@ -139,10 +139,6 @@
width: 186px;
}
.gl-w-90 {
width: 90%;
}
.gl-build-content {
@include build-content();
}
......
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