mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

scroll to highlighted toot, improve highlight

This commit is contained in:
f0x 2022-10-03 17:03:18 +00:00
parent fe238f8595
commit 4100fc683c
3 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/source/css/_colors.css
View File

@ -71,7 +71,7 @@ $button-danger-fg: $gray1;
$button-danger-hover-bg: $orange2; $button-danger-hover-bg: $orange2;
$toot-focus-bg: $gray5; $toot-focus-bg: $gray5;
$toot-unfocus-bg: $gray3; $toot-unfocus-bg: $gray2;
$toot-info-bg: $gray4; $toot-info-bg: $gray4;

8
web/source/frontend/index.js
View File

@ -22,6 +22,14 @@ const Photoswipe = require("photoswipe/dist/umd/photoswipe.umd.min.js");
const PhotoswipeLightbox = require("photoswipe/dist/umd/photoswipe-lightbox.umd.min.js"); const PhotoswipeLightbox = require("photoswipe/dist/umd/photoswipe-lightbox.umd.min.js");
const PhotoswipeCaptionPlugin = require("photoswipe-dynamic-caption-plugin").default; const PhotoswipeCaptionPlugin = require("photoswipe-dynamic-caption-plugin").default;
let [_, _user, type, id] = window.location.pathname.split("/");
if (type == "statuses") {
let firstStatus = document.getElementsByClassName("thread")[0].children[0];
if (firstStatus.id != id) {
document.getElementById(id).scrollIntoView();
}
}
const lightbox = new PhotoswipeLightbox({ const lightbox = new PhotoswipeLightbox({
gallery: '.photoswipe-gallery', gallery: '.photoswipe-gallery',
children: 'a', children: 'a',

6
web/template/thread.tmpl
View File

@ -2,15 +2,15 @@
<main> <main>
<div data-nosnippet class="thread"> <div data-nosnippet class="thread">
{{range .context.Ancestors}} {{range .context.Ancestors}}
<div class="toot"> <div class="toot" id="{{.ID}}">
{{ template "status.tmpl" .}} {{ template "status.tmpl" .}}
</div> </div>
{{end}} {{end}}
<div class="toot expanded"> <div class="toot expanded" id="{{.status.ID}}">
{{ template "status.tmpl" .status}} {{ template "status.tmpl" .status}}
</div> </div>
{{range .context.Descendants}} {{range .context.Descendants}}
<div class="toot"> <div class="toot" id="{{.ID}}">
{{ template "status.tmpl" .}} {{ template "status.tmpl" .}}
</div> </div>
{{end}} {{end}}