pinafore/routes/_components/status/StatusToolbar.html

42 lines
881 B
HTML
Raw Normal View History

<div class="status-toolbar {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}">
2018-01-28 20:51:48 +00:00
<IconButton
label="Reply"
href="#fa-reply"
/>
<IconButton
label="Boost"
pressable="true"
pressed="{{status.reblogged}}"
href="{{status.visibility === 'private' ? '#fa-lock' : status.visibility === 'direct' ? '#fa-envelope' : '#fa-retweet'}}"
/>
<IconButton
label="Favorite"
pressable="true"
pressed="{{status.favourited}}"
href="#fa-star"
/>
<IconButton
label="Show more actions"
href="#fa-ellipsis-h"
/>
</div>
<style>
.status-toolbar {
2018-02-10 04:07:48 +00:00
grid-area: toolbar;
display: flex;
justify-content: space-between;
}
.status-toolbar.status-in-own-thread {
margin-left: 58px;
}
</style>
<script>
2018-01-28 20:51:48 +00:00
import IconButton from '../IconButton.html'
export default {
2018-01-28 20:51:48 +00:00
components: {
IconButton
}
}
</script>