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
+
<% } %>
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;