mackuba.eu
Thread viewer for Bluesky
a bunch of style/layout fixes after visual review
+34
-21
+2
-2
src/components/BiohazardDialog.svelte
+2
-2
src/components/BiohazardDialog.svelte
+1
-2
src/components/RichTextFromFacets.svelte
+1
-2
src/components/RichTextFromFacets.svelte
+9
-6
src/components/embeds/EmbedComponent.svelte
+9
-6
src/components/embeds/EmbedComponent.svelte
···
86
margin-top: 8px;
87
margin-bottom: 4px;
88
line-height: 135%;
89
}
90
91
a.link-card.record > div:has(.avatar) {
···
98
99
a.link-card.record .handle {
100
color: #666;
101
-
margin-left: 5px;
102
}
103
104
a.link-card.record .avatar {
···
114
a.link-card.record .stats {
115
margin-top: 9px;
116
margin-bottom: 1px;
117
}
118
119
-
a.link-card.record .stats i.fa-heart:hover {
120
color: #aaa;
121
}
122
}
···
151
152
a.link-card.record .avatar {
153
border-color: #888;
154
-
}
155
-
156
-
a.link-card.record .stats i.fa-heart:hover {
157
-
color: #eee;
158
}
159
}
160
}
···
86
margin-top: 8px;
87
margin-bottom: 4px;
88
line-height: 135%;
89
+
white-space: pre-line;
90
}
91
92
a.link-card.record > div:has(.avatar) {
···
99
100
a.link-card.record .handle {
101
color: #666;
102
+
margin-left: 1px;
103
+
font-weight: normal;
104
+
font-size: 11pt;
105
+
vertical-align: text-top;
106
}
107
108
a.link-card.record .avatar {
···
118
a.link-card.record .stats {
119
margin-top: 9px;
120
margin-bottom: 1px;
121
+
font-size: 10pt;
122
+
color: #666;
123
}
124
125
+
a.link-card.record .stats i.fa-heart {
126
+
font-size: 9pt;
127
color: #aaa;
128
}
129
}
···
158
159
a.link-card.record .avatar {
160
border-color: #888;
161
}
162
}
163
}
+1
-1
src/components/posts/PostComponent.svelte
+1
-1
src/components/posts/PostComponent.svelte
+2
-2
src/components/posts/PostHeader.svelte
+2
-2
src/components/posts/PostHeader.svelte
+3
-2
src/components/posts/ReferencedPostAuthorLink.svelte
+3
-2
src/components/posts/ReferencedPostAuthorLink.svelte
···
5
let { post, status = undefined }: { post: AnyPost, status?: string | undefined } = $props();
6
7
let handle: string | undefined = $state();
8
9
$effect(() => {
10
let did = atURI(post.uri).repo;
···
16
</script>
17
18
{#if status}
19
-
(<a href="{post.didLinkToAuthor}" target="_blank">{handle ?? 'see author'}</a>, {status})
20
{:else}
21
-
(<a href="{post.didLinkToAuthor}" target="_blank">{handle ?? 'see author'}</a>)
22
{/if}
···
5
let { post, status = undefined }: { post: AnyPost, status?: string | undefined } = $props();
6
7
let handle: string | undefined = $state();
8
+
let handleText = $derived(handle ? `@${handle}` : 'see author');
9
10
$effect(() => {
11
let did = atURI(post.uri).repo;
···
17
</script>
18
19
{#if status}
20
+
(<a href="{post.didLinkToAuthor}" target="_blank">{handleText}</a>, {status})
21
{:else}
22
+
(<a href="{post.didLinkToAuthor}" target="_blank">{handleText}</a>)
23
{/if}
+1
-1
src/models/posts.js
+1
-1
src/models/posts.js
+1
-1
src/pages/HashtagPage.svelte
+1
-1
src/pages/HashtagPage.svelte
+2
src/pages/LikeStatsPage.svelte
+2
src/pages/LikeStatsPage.svelte
···
36
}
37
</script>
38
39
<h2>Like statistics</h2>
40
41
<form onsubmit={startScan}>
···
57
<LikeStatsTable cssClass="given-likes" header="❤️ Likes from you:" users={givenLikesUsers} />
58
<LikeStatsTable cssClass="received-likes" header="💛 Likes on your posts:" users={receivedLikesUsers} />
59
{/if}
60
61
<style>
62
input[type="range"] {
···
36
}
37
</script>
38
39
+
<main>
40
<h2>Like statistics</h2>
41
42
<form onsubmit={startScan}>
···
58
<LikeStatsTable cssClass="given-likes" header="❤️ Likes from you:" users={givenLikesUsers} />
59
<LikeStatsTable cssClass="received-likes" header="💛 Likes on your posts:" users={receivedLikesUsers} />
60
{/if}
61
+
</main>
62
63
<style>
64
input[type="range"] {
+1
src/pages/LycanSearchPage.svelte
+1
src/pages/LycanSearchPage.svelte
+3
src/pages/PostingStatsPage.svelte
+3
src/pages/PostingStatsPage.svelte
···
109
}
110
</script>
111
112
<h2>Bluesky posting statistics</h2>
113
114
<form {onsubmit}>
···
157
{#if results}
158
<PostingStatsTable {...tableOptions} {...results} />
159
{/if}
160
161
<style>
162
input[type="radio"] {
···
168
input[type="radio"] + label {
169
user-select: none;
170
-webkit-user-select: none;
171
}
172
173
input[type="range"] {
···
109
}
110
</script>
111
112
+
<main>
113
<h2>Bluesky posting statistics</h2>
114
115
<form {onsubmit}>
···
158
{#if results}
159
<PostingStatsTable {...tableOptions} {...results} />
160
{/if}
161
+
</main>
162
163
<style>
164
input[type="radio"] {
···
170
input[type="radio"] + label {
171
user-select: none;
172
-webkit-user-select: none;
173
+
margin-right: 4px;
174
}
175
176
input[type="range"] {
+4
src/pages/QuotesPage.svelte
+4
src/pages/QuotesPage.svelte
+2
-2
src/pages/SearchPage.svelte
+2
-2
src/pages/SearchPage.svelte