Commit 1c962d58 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Fix stylelint warnings in related_items_list.scss

This commit rearranges the styles in related_items_list
to adhere to stylelint's warnings. It also adds some
utility classes where applicable
parent fe4f3a41
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
<template> <template>
<div ref="milestoneDetails" class="issue-milestone-details"> <div ref="milestoneDetails" class="issue-milestone-details">
<icon :size="16" class="inline icon" name="clock" /> <icon :size="16" class="inline icon" name="clock" />
<span class="milestone-title">{{ 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 />
<span>{{ milestone.title }}</span> <br /> <span>{{ milestone.title }}</span> <br />
......
...@@ -81,8 +81,11 @@ export default { ...@@ -81,8 +81,11 @@ export default {
:title="stateTitle" :title="stateTitle"
:aria-label="state" :aria-label="state"
data-html="true" data-html="true"
class="d-xl-none"
/> />
<span v-tooltip :title="itemPath" class="path-id-text">{{ itemPath }}</span> <span v-tooltip :title="itemPath" class="path-id-text d-inline-block">{{
itemPath
}}</span>
{{ pathIdSeparator }}{{ itemId }} {{ pathIdSeparator }}{{ itemId }}
</div> </div>
<div class="item-meta-child d-flex align-items-center"> <div class="item-meta-child d-flex align-items-center">
......
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