Решено Fontawesome лайк условие

[nynCuKaH]

не шарю в css, как сделать чтобы У кнопки "Больше не нравится", палец был не вверх а вниз, я знаю что нужно где то подставить else.
Вот пример как хочу.
Что я имею в данный момент:

                <xen:if is="{$post.canLike}">
                    <a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span><i class="fa fa-thumbs-up" aria-hidden="true" style="padding-right:4px;"></i></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                </xen:if>

 

[Mirovinger]

Можно так.

                <xen:if is="{$post.canLike}">
                    <a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span><i class="fa {xen:if $post.like_date, fa-thumbs-down, fa-thumbs-up}" aria-hidden="true" style="padding-right:4px;"></i></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                </xen:if>

Но, иконка будет меняться только после перезагрузки.
Я бы сделал всё на CSS, мана тоже есть на форуме, и тогда всё должно работать сразу после нажатия на лайк.

 

[nynCuKaH]

Mirovinger, я так уже делал, выглядит некрасиво.

 

[Георгий Шевченко]

nynCuKaH,

a.unlike:before { content: 'тут код для Больше не нравится'; }
a.like:before { content: "тут код для Мне нравится"; }

 

[Mirovinger]

Mirovinger, я так уже делал, выглядит некрасиво.

Так.

Я бы сделал всё на CSS, мана тоже есть на форуме, и тогда всё должно работать сразу после нажатия на лайк.

Добавляем Font Awesome для кнопок управления сообщениями