malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Fixed chapter list folding button edge case

Browse Source 
For very long chapter list, the button would just not be rendered in Chrome. This is a browser bug. Hopefully, keeping it as grid will get around the issue.
This commit is contained in:
Tetrakern 2024-09-12 11:18:34 +02:00
parent 2461d3813d
commit e535c99bb3
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/story.css
View File

File diff suppressed because one or more lines are too long

6
src/scss/_story.scss
View File

@ -331,13 +331,15 @@ $header_breakpoint: 640px;
margin-top: 24px;
.chapter-group__list-item._folding-toggle {
display: block;
grid-template-columns: 1fr;
grid-template-rows: auto;
content-visibility: visible;
padding: 0 !important;
}
&__folding-toggle {
display: block;
grid-template-columns: 1fr;
grid-template-rows: auto;
content-visibility: visible;
color: var(--fg-800);
line-height: 1.125;