Hello.
I don't really like how does looks Like, Edit, Delete, Delete tag buttons in mobile portrait view.
Regular user can see max. 4 buttons at his comments + number of comment (up to 5 column)?
To style that number of likes to look like notification number on Unlike:
.joms-js--comments .joms-comment__actions a[data-action="showlike"] {
padding: 0px 4px;
font-size: 9px;
margin: 0;
background-color: red;
color: white;
top: -10px;
left: -12px;
position: relative;
}
Stumbled on same problem. There is no Unlike icon so we need to flip Like with css:
.joms-stream__actions a[onclick^="joms.api.streamUnlike"] .joms-icon {
transform: scaleY(-1);
}
<svg viewBox="0 0 16 16" class="joms-icon">
<use xlink:href="<?php echo JUri::getInstance(); ?>#joms-icon-thumbs-up"></use>
</svg>
As far as I can see everything is in order. Like icon is displayed bellow so one in front of Unlike should be too. Of course, code that was pasted is from jomsocial theme, and if you use some other theme then you need to paste code that is used in your theme.
In that case, find code that is responsible for displaying Like button in your theme located in:
...\components\com_community\templates\YOUR_THEME\layouts\stream\actions.php
and use it in same file on same place. Chances are that is looks similar to that used in jomsocial theme.