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/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..a91afda9 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -217,6 +217,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;
+ }
}
}
}