taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add markdown help to comments

stable
Xavier Julián 2014-11-27 13:15:03 +01:00
parent 496ad1245a
commit bf0134bf3d
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/coffee/modules/common/history.coffee
View File

@ -233,6 +233,10 @@ HistoryDirective = ($log, $loading) ->
ng-model="<%- ngmodel %>.comment" tg-markitup="tg-markitup"> ng-model="<%- ngmodel %>.comment" tg-markitup="tg-markitup">
</textarea> </textarea>
<% if (mode !== "edit") { %> <% if (mode !== "edit") { %>
<a class="help-markdown" href="https://taiga.io/support/taiga-markdown-syntax/" target="_blank" title="Mardown syntax help">
<span class="icon icon-help"></span>
<span>Markdown syntax help</span>
</a>
<a href="" title="Comment" class="button button-green save-comment">Comment</a> <a href="" title="Comment" class="button button-green save-comment">Comment</a>
<% } %> <% } %>
</div> </div>

23
app/styles/modules/common/history.scss
View File

@ -73,6 +73,10 @@
@include transition(height .3s ease-in); @include transition(height .3s ease-in);
height: 6rem; height: 6rem;
} }
.help-markdown {
@include transition(opacity .3s linear);
opacity: 1;
}
.preview-icon { .preview-icon {
opacity: 1; opacity: 1;
position: absolute; position: absolute;
@ -86,6 +90,25 @@
margin-bottom: .5rem; margin-bottom: .5rem;
min-height: inherit; 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 { .save-comment {
color: $white; color: $white;
float: right; float: right;