Bookhoard/bookhoard
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

fix(reader): inset foliate-view between chrome bars and remove base typography

Browse Source 
- Position foliate-view with absolute inset-x-0 top-[52px] bottom-[52px]
  so book content renders between the fixed header and footer bars instead
  of behind them
- Confirmed removal of foliate-themes.css base typography was correct:
  body color now comes from chrome theme's --text-primary (light for
  dark chrome themes like tokyo-night)
This commit is contained in:
john-okeefe
2026-04-19 20:19:35 -04:00
parent 36de7cfa2f
commit 96effde421
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/reader.templ
+1 -1
View File
@@ -43,7 +43,7 @@ templ Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookm
</div> </div>
</div> </div>
</div> </div>
<foliate-view id="reader-view" class="block w-full h-full"></foliate-view> <foliate-view id="reader-view" class="absolute inset-x-0 top-[52px] bottom-[52px]"></foliate-view>
@DictionaryPopup() @DictionaryPopup()
</body> </body>
</html> </html>
templates/reader_templ.go
+1 -1
View File
@@ -97,7 +97,7 @@ func Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookma
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</div></div></div><foliate-view id=\"reader-view\" class=\"block w-full h-full\"></foliate-view>") templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</div></div></div><foliate-view id=\"reader-view\" class=\"absolute inset-x-0 top-[52px] bottom-[52px]\"></foliate-view>")
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
web/static/style.css
+1 -1
View File
File diff suppressed because one or more lines are too long