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 { ...@@ -47,15 +47,14 @@ export default {
class="dropdown-menu-toggle build-content gl-build-content" class="dropdown-menu-toggle build-content gl-build-content"
> >
<div class="gl-display-flex gl-align-items-center gl-justify-content-space-between"> <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" /> <ci-icon :status="group.status" :size="24" />
<span class="gl-text-truncate mw-70p gl-pl-3">
<span class="gl-text-truncate mw-70p gl-pl-3 gl-display-inline-block">
{{ group.name }} {{ group.name }}
</span> </span>
</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> </div>
</button> </button>
......
...@@ -139,10 +139,6 @@ ...@@ -139,10 +139,6 @@
width: 186px; width: 186px;
} }
.gl-w-90 {
width: 90%;
}
.gl-build-content { .gl-build-content {
@include 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