diff --git a/app/coffee/modules/common/components.coffee b/app/coffee/modules/common/components.coffee
index f6a57961..6a7057fe 100644
--- a/app/coffee/modules/common/components.coffee
+++ b/app/coffee/modules/common/components.coffee
@@ -564,6 +564,10 @@ EditableDescriptionDirective = ($window, $document, $rootscope, $repo, $confirm,
+
+
+ Markdown syntax help
+
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/coffee/modules/wiki/main.coffee b/app/coffee/modules/wiki/main.coffee
index 0163e25a..4bac5f28 100644
--- a/app/coffee/modules/wiki/main.coffee
+++ b/app/coffee/modules/wiki/main.coffee
@@ -215,14 +215,17 @@ EditableWikiContentDirective = ($window, $document, $repo, $confirm, $loading, $
$analytics) ->
template = """
-
+
+
+
+ Markdown syntax help
+
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index dd2c489e..db453178 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -177,7 +177,6 @@
textarea {
background: $white;
height: 10rem;
- margin-bottom: 2rem;
}
.save-container {
position: absolute;
@@ -217,6 +216,24 @@
right: 2.5rem;
top: .4rem;
}
+ .help-markdown {
+ @extend %small;
+ color: $gray-light;
+ &: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;
+ }
+ }
}
}
diff --git a/app/styles/layout/wiki.scss b/app/styles/layout/wiki.scss
index 4c0eae1e..03215f2b 100644
--- a/app/styles/layout/wiki.scss
+++ b/app/styles/layout/wiki.scss
@@ -1,5 +1,6 @@
.wiki {
- .remove {
+ .remove,
+ .help-markdown {
@extend %small;
color: $gray-light;
&:hover {
@@ -9,12 +10,25 @@
}
.icon {
@include transition(color .2s linear);
- color: $red;
}
}
.icon {
color: $gray-light;
- margin-right: .3rem;
+ margin-right: .2rem;
+ }
+ }
+ .remove {
+ &:hover {
+ .icon {
+ color: $red;
+ }
+ }
+ }
+ .help-markdown {
+ &:hover {
+ .icon {
+ color: $fresh-taiga;
+ }
}
}
}
diff --git a/app/styles/modules/common/history.scss b/app/styles/modules/common/history.scss
index 76552b4e..e383fd55 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;
@@ -85,6 +89,25 @@
height: 5rem;
min-height: 41px;
}
+ .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;