diff --git a/app/coffee/modules/common/history.coffee b/app/coffee/modules/common/history.coffee index b0a52545..e9987d09 100644 --- a/app/coffee/modules/common/history.coffee +++ b/app/coffee/modules/common/history.coffee @@ -233,6 +233,10 @@ HistoryDirective = ($log, $loading) -> ng-model="<%- ngmodel %>.comment" tg-markitup="tg-markitup"> <% if (mode !== "edit") { %> + + + Markdown syntax help + Comment <% } %> diff --git a/app/styles/modules/common/history.scss b/app/styles/modules/common/history.scss index 920d4582..4ff86a64 100644 --- a/app/styles/modules/common/history.scss +++ b/app/styles/modules/common/history.scss @@ -73,6 +73,10 @@ @include transition(height .3s ease-in); height: 6rem; } + .help-markdown { + @include transition(opacity .3s linear); + opacity: 1; + } .preview-icon { opacity: 1; position: absolute; @@ -86,6 +90,25 @@ margin-bottom: .5rem; min-height: inherit; } + .help-markdown { + @extend %small; + color: $gray-light; + opacity: 0; + &:hover { + span { + @include transition(color .2s linear); + color: $grayer; + } + .icon { + @include transition(color .2s linear); + color: $fresh-taiga; + } + } + .icon { + color: $gray-light; + margin-right: .2rem; + } + } .save-comment { color: $white; float: right;