diff --git a/assets/images/sprite/tags.png b/assets/images/sprite/tags.png new file mode 100644 index 0000000000..2fe5621b4d Binary files /dev/null and b/assets/images/sprite/tags.png differ diff --git a/assets/scss/components/_tags.scss b/assets/scss/components/_tags.scss index 75f9b12173..7ce56bcb38 100644 --- a/assets/scss/components/_tags.scss +++ b/assets/scss/components/_tags.scss @@ -27,24 +27,42 @@ } } +.content-tags-list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + &:after { + content: ''; + display: block; + flex: 20; + } +} + .content-tag { - display: inline-block; - padding: 5px; - box-sizing: border-box; - color: white; + margin: 0 5px 20px; line-height: 1.4em; + white-space: nowrap; + flex: auto; a { + color: #777; display: block; - padding: 5px 10px; + padding: 8px 15px; text-decoration: none; - color: rgba(255, 255, 255, .7); - background: $color-primary; - border: solid 1px rgba(0, 0, 0, .5); - } + background-color: #EEE; + transition: all $transition-duration ease; + border: solid 1px #CCC; - strong { - display: block; - color: white; + &:hover, &:focus { + color: #EEE; + background-color: #777; + border-color: #777; + outline: none; + } + + .tag-count { + color: #AAA; + } } -} \ No newline at end of file +} diff --git a/assets/scss/layout/_main.scss b/assets/scss/layout/_main.scss index f5cb2fdb27..69811cb674 100644 --- a/assets/scss/layout/_main.scss +++ b/assets/scss/layout/_main.scss @@ -41,6 +41,9 @@ &.ico-forum:after { @include sprite-position($forum-heading); } + &.ico-tags:after { + @include sprite-position($tags); + } &.illu img { position: absolute; diff --git a/templates/tutorialv2/view/tags.html b/templates/tutorialv2/view/tags.html index 5487655682..20ec85ac9f 100644 --- a/templates/tutorialv2/view/tags.html +++ b/templates/tutorialv2/view/tags.html @@ -18,21 +18,23 @@ -{% block headline %} - -{% endblock %} - - - -{% block content %} - {% for tag in tags %} -
{% trans "Aucun tag." %}
- {% endfor %} +