Commit c978f267 authored by Michael Le's avatar Michael Le Committed by Paul Slaughter

Make WebIDE dropdown fullwidth

Change alignment of MR details
Using CSS utility class to scope change

Changelog: changed
parent 2c6c6e93
...@@ -30,12 +30,12 @@ export default { ...@@ -30,12 +30,12 @@ export default {
</script> </script>
<template> <template>
<dropdown-button> <dropdown-button class="gl-w-full!">
<span class="row gl-flex-nowrap"> <span class="row gl-flex-nowrap">
<span class="col-auto flex-fill text-truncate"> <span class="col-auto flex-fill text-truncate">
<gl-icon :size="16" :aria-label="__('Current Branch')" name="branch" /> {{ branchLabel }} <gl-icon :size="16" :aria-label="__('Current Branch')" name="branch" /> {{ branchLabel }}
</span> </span>
<span v-if="showMergeRequests" class="col-5 pl-0 text-truncate"> <span v-if="showMergeRequests" class="col-auto pl-0 text-truncate">
<gl-icon :size="16" :aria-label="__('Merge request')" name="merge-request" /> <gl-icon :size="16" :aria-label="__('Merge request')" name="merge-request" />
{{ mergeRequestLabel }} {{ mergeRequestLabel }}
</span> </span>
......
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