[Client] Improve activity home widget

This commit is contained in:
syuilo 2017-06-08 17:55:41 +09:00
parent 3a78e08bac
commit 4e96a490f8
1 changed files with 12 additions and 1 deletions

View File

@ -77,12 +77,19 @@
<mk-activity-home-widget-calender>
<svg viewBox="0 0 21 7" preserveAspectRatio="none">
<rect each={ data } class="day"
width="1" height="1"
riot-x={ x } riot-y={ date.weekday }
rx="1" ry="1"
fill="transparent">
<title>{ date.year }/{ date.month }/{ date.day }<br/>Post: { posts }, Reply: { replies }, Repost: { reposts }</title>
</rect>
<rect each={ data }
width="1" height="1"
riot-x={ x } riot-y={ date.weekday }
rx="1" ry="1"
fill={ color }
style="transform: scale({ v });"/>
style="pointer-events: none; transform: scale({ v });"/>
<rect class="today"
width="1" height="1"
riot-x={ data[data.length - 1].x } riot-y={ data[data.length - 1].date.weekday }
@ -101,6 +108,10 @@
> rect
transform-origin center
&.day
&:hover
fill rgba(0, 0, 0, 0.05)
</style>
<script>
this.data = this.opts.data;