Commit 2785ed19 authored by Rajat Jain's avatar Rajat Jain

Avoid milestone icon shrinking

When milestone name is long, and gets truncated, the milestone icon
gets smaller in size.

Changelog: fixed
parent 25be580b
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
</script> </script>
<template> <template>
<div ref="milestoneDetails" class="issue-milestone-details"> <div ref="milestoneDetails" class="issue-milestone-details">
<gl-icon :size="16" class="gl-mr-2" name="clock" /> <gl-icon :size="16" class="gl-mr-2 flex-shrink-0" name="clock" />
<span class="milestone-title d-inline-block">{{ milestone.title }}</span> <span class="milestone-title d-inline-block">{{ milestone.title }}</span>
<gl-tooltip :target="() => $refs.milestoneDetails" placement="bottom" class="js-item-milestone"> <gl-tooltip :target="() => $refs.milestoneDetails" placement="bottom" class="js-item-milestone">
<span class="bold">{{ __('Milestone') }}</span> <br /> <span class="bold">{{ __('Milestone') }}</span> <br />
......
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