gts comments tweak

themes/nipponalba/layouts/_default/single.html

@@ -35,7 +35,7 @@
 
 <hr/>
 <section id="interactions"><h4>Interactions</h4>
-<section id="interactions_intro">Interactions on this site are possible via an array of fediverse apps such as GoToSocial or Mastodon or <a href="https://indieweb.org/Webmention" title="Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web." class="u-url" target="_blank">webmentions</a>.  Alternatively, contact me via <a href="https://matrix.to/#/@jon:kelbie.scot" class="u-url" target="_blank">matrix</a> or <a href="mailto:jon@kelbie.scot" class="u-url">email</a>.<br/><br/>
+<section id="interactions_intro">Interactions on this site are possible via Fediverse apps or <a href="https://indieweb.org/Webmention" title="Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web." class="u-url" target="_blank">webmentions</a>.  Alternatively, contact me via <a href="https://matrix.to/#/@jon:kelbie.scot" class="u-url" target="_blank">matrix</a> or <a href="mailto:jon@kelbie.scot" class="u-url">email</a>.<br/><br/>
 <label for="toggle_fediverse" id="fediverse_label">Fediverse Interactions</label> | <label for="toggle_webmentions" id="webmentions_label">Webmentions</label></section>
 <input type="radio" name="interactions" id="toggle_fediverse" checked="checked"><input type="radio" name="interactions" id="toggle_webmentions">
 <section id="webmentions_frame"><section id="webmention-form">
@@ -62,7 +62,7 @@
   <h4>Comments & Replies</h4>{{ partial "webmention.html" $mentions }}
 </section>{{ end }}</section>
 <section id="fediverse_frame"><div>
-  <mastodon-comments host="gts.kelbie.scot" user="jon" tootId="{{ .Page.Params.comments.id }}" style="width : 1024px"></mastodon-comments>
+  <mastodon-comments host="gts.kelbie.scot" user="jon" tootId="{{ .Page.Params.comments.id }}"></mastodon-comments>
 </div>
 </section>
 </section>

themes/nipponalba/static/css/style.css

@@ -1096,21 +1096,21 @@ hr{
   font-weight:bolder;
 }
 
-.mastodon-wrapper {
-  display: flex;
-  gap: 3rem;
-  flex-direction: row;
-}
+mastodon-comments {
+  --font-color: var(--bg-colour);
+  --font-size: 1.0rem;
 
-.comment-level {
-  max-width: 3rem;
-  min-width: 3rem;
-}
+  --block-border-width: 1px;
+  --block-border-radius: 15px;
+  --block-border-color: #ededf0;
+  --block-background-color: var(--link-colour);
 
-.reply-original {
-  display: none;
+  --comment-indent: 40px;
+  --width: 90%;
+}
+mastodon-comments a{
+  color: var(--bg-colour);
 }
-
 .index_exercise{
   width: 95%;
 }