Commit a510d9bd authored by Luke "Jared" Bennett's avatar Luke "Jared" Bennett

Correct disabled note form style

parent 1ae29851
<script>
export default {
name: 'discussionLockedWidget',
computed: {
icon() {
return gl.utils.spriteIcon('lock');
},
},
};
</script>
......@@ -8,7 +12,8 @@
<template>
<div class="disabled-comment text-center">
<span class="issuable-note-warning">
This issue is locked. Only <b>project members</b> can comment.
<span class="icon" v-html="icon"></span>
<span>This issue is locked. Only <b>project members</b> can comment.</span>
</span>
</div>
</template>
......@@ -112,6 +112,22 @@
align-items: center;
}
.disabled-comment .issuable-note-warning {
border: none;
border-radius: $label-border-radius;
padding-top: $gl-vert-padding;
padding-bottom: $gl-vert-padding;
.icon svg {
position: relative;
top: 2px;
margin-right: $btn-xs-side-margin;
width: $gl-font-size;
height: $gl-font-size;
fill: $orange-600;
}
}
.sidebar-item-value {
.fa {
background-color: inherit;
......
......@@ -27,9 +27,11 @@
- elsif discussion_locked
.disabled-comment.text-center.prepend-top-default
%span.issuable-note-warning
This
= issuable.class.to_s.titleize.downcase
is locked. Only
%b project members
can comment.
%span.icon= sprite_icon('lock', size: 14)
%span
This
= issuable.class.to_s.titleize.downcase
is locked. Only
%b project members
can comment.
%script.js-notes-data{ type: "application/json" }= initial_notes_data(autocomplete).to_json.html_safe
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