diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/_system_note_styles.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/_system_note_styles.scss | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/app/assets/stylesheets/page_bundles/_system_note_styles.scss b/app/assets/stylesheets/page_bundles/_system_note_styles.scss new file mode 100644 index 00000000000..68e2b747c52 --- /dev/null +++ b/app/assets/stylesheets/page_bundles/_system_note_styles.scss @@ -0,0 +1,59 @@ +/** +Shared styles for system note dot and icon styles used for MR, Issue, Work Item +*/ +.system-note-tiny-dot { + width: 8px; + height: 8px; + margin-top: 6px; + margin-left: 12px; + margin-right: 8px; + border: 2px solid var(--gray-50, $gray-50); + } + + .system-note-icon { + width: 20px; + height: 20px; + margin-left: 6px; + + &.gl-bg-green-100 { + --bg-color: var(--green-100, #{$green-100}); + } + + &.gl-bg-red-100 { + --bg-color: var(--red-100, #{$red-100}); + } + + &.gl-bg-blue-100 { + --bg-color: var(--blue-100, #{$blue-100}); + } + } + + .system-note-icon:not(.mr-system-note-empty)::before { + content: ''; + display: block; + position: absolute; + left: calc(50% - 1px); + bottom: 100%; + width: 2px; + height: 20px; + background: linear-gradient(to bottom, transparent, var(--bg-color)); + + .system-note:first-child & { + display: none; + } + } + + .system-note-icon:not(.mr-system-note-empty)::after { + content: ''; + display: block; + position: absolute; + left: calc(50% - 1px); + top: 100%; + width: 2px; + height: 20px; + background: linear-gradient(to bottom, var(--bg-color), transparent); + + .system-note:last-child & { + display: none; + } + }
\ No newline at end of file |