discourse/discourse-rewind
1
0
Fork 0
mirror of https://github.com/discourse/discourse-rewind.git synced 2025-07-08 06:32:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Jordan Vidrine 2024-12-20 14:55:55 -06:00
parent 3af6a12a55
commit 409367588a
2 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/javascripts/discourse/components/reports/activity-calendar.gjs
View File

@ -39,21 +39,19 @@ export default class ActivityCalendar extends Component {
<div class="rewind-report-page -activity-calendar"> <div class="rewind-report-page -activity-calendar">
<div class="rewind-card"> <div class="rewind-card">
<table class="rewind-calendar"> <table class="rewind-calendar">
<tbody> {{#each this.rowsArray as |row|}}
{{#each this.rowsArray as |row|}} <tr>
<tr> {{#each row as |cell|}}
{{#each row as |cell|}} <td
<td data-date={{cell.date}}
data-date={{cell.date}} class={{concatClass
class={{concatClass "rewind-calendar-cell"
"rewind-calendar-cell" (this.computeClass cell.post_count)
(this.computeClass cell.post_count) }}
}} ></td>
></td> {{/each}}
{{/each}} </tr>
</tr> {{/each}}
{{/each}}
</tbody>
</table> </table>
</div> </div>
</div> </div>

7
assets/stylesheets/common/activity-calendar.scss
View File

@ -1,5 +1,7 @@
.rewind-report-page.-activity-calendar { .rewind-report-page.-activity-calendar {
.rewind-calendar { .rewind-calendar {
border-collapse: unset;
border-spacing: 3px;
tr { tr {
border: none; border: none;
} }
@ -8,9 +10,10 @@
.rewind-calendar-cell { .rewind-calendar-cell {
height: 10px; height: 10px;
width: 10px; width: 10px;
border-radius: 2px;
border: 1px solid rgba(var(--primary-rgb), 0.2);
&.-empty { &.-empty {
background: var(--tertiary-very-low); background: var(--primary-low);
} }
&.-low { &.-low {
background: var(--tertiary-low); background: var(--tertiary-low);