discourse/discourse-rewind
1
0
Fork 0
mirror of https://github.com/discourse/discourse-rewind.git synced 2025-07-07 14:22:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

class names

Browse Source
This commit is contained in:
Jordan Vidrine 2025-01-03 10:49:43 -06:00
parent d0f813207b
commit 5e2fce3fde
5 changed files with 16 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/javascripts/discourse/components/reports/reactions.gjs
View File

@ -32,9 +32,13 @@ export default class Reactions extends Component {
<div class="rewind-report-container"> <div class="rewind-report-container">
{{#each-in @report.data.post_received_reactions as |emojiName count|}} {{#each-in @report.data.post_received_reactions as |emojiName count|}}
<div class="rewind-card scale"> <div class="rewind-card scale">
<span>{{replaceEmoji (concat ":" emojiName ":")}}</span> <span class="rewind-card__emoji">{{replaceEmoji
<span>{{this.cleanEmoji emojiName}}</span> (concat ":" emojiName ":")
<span>{{count}} times</span> }}</span>
<span class="rewind-card__title">{{this.cleanEmoji
emojiName
}}</span>
<span class="rewind-card__data">{{count}} times</span>
</div> </div>
{{/each-in}} {{/each-in}}
</div> </div>

5
assets/javascripts/discourse/components/reports/word-cloud.gjs
View File

@ -1,5 +1,6 @@
import Component from "@glimmer/component"; import Component from "@glimmer/component";
// eslint-disable-next-line ember/no-empty-glimmer-component-classes
export default class WordCloud extends Component { export default class WordCloud extends Component {
<template> <template>
<div class="rewind-report-page -word-cloud"> <div class="rewind-report-page -word-cloud">
@ -7,8 +8,8 @@ export default class WordCloud extends Component {
<div class="rewind-report-container"> <div class="rewind-report-container">
{{#each-in @report.data as |word count|}} {{#each-in @report.data as |word count|}}
<div class="rewind-card"> <div class="rewind-card">
<span>{{word}}</span> <span class="rewind-card__title">{{word}}</span>
<span>{{count}} times</span> <span class="rewind-card__data">{{count}} times</span>
</div> </div>
{{/each-in}} {{/each-in}}
</div> </div>

28
assets/stylesheets/common/blobs.scss
View File

@ -1,28 +0,0 @@
.blob_1 {
position: absolute;
top: 5px;
left: -50px;
width: 200px;
}
.blob_2 {
position: absolute;
top: 200px;
right: -50px;
width: 200px;
rotate: 180deg;
}
.blob_3 {
position: absolute;
top: 500px;
left: 500px;
width: 200px;
}
.blob_4 {
position: absolute;
top: 805px;
left: -50px;
width: 200px;
}

2
assets/stylesheets/common/index.scss
View File

@ -6,4 +6,4 @@
@import "activity-calendar"; @import "activity-calendar";
@import "best-posts"; @import "best-posts";
@import "best-topics"; @import "best-topics";
@import "blobs"; @import "word-cloud";

5
assets/stylesheets/common/word-cloud.scss Normal file
View File

@ -0,0 +1,5 @@
.rewind-report-page.-word-cloud {
.rewind-report-container {
gap: 1em;
}
}