fix: sidescrolling

This commit is contained in:
eneller
2025-03-23 23:11:07 +01:00
parent a2390e4359
commit 9fe5d3dcde
2 changed files with 6 additions and 5 deletions

View File

@@ -11,12 +11,13 @@ html{
} }
body{ body{
background-color: var(--bg); background-color: var(--bg);
margin:40px auto; overflow-x: hidden;
max-width:800px; margin:.5em auto;
max-width:min(100%,800px);
line-height:1.4; line-height:1.4;
font-size:18px; font-size:18px;
color:var(--fg); color:var(--fg);
padding:0 10px; padding:0 .2em;
} }
h1,h2,h3{ h1,h2,h3{
@@ -46,6 +47,7 @@ small{
table, tr{ table, tr{
/* make table not resize when elements are hidden by searching */ /* make table not resize when elements are hidden by searching */
width: 100%; width: 100%;
word-break: break-all;
} }
th{ th{
text-align: left; text-align: left;
@@ -70,7 +72,6 @@ a:hover, a:any-link{
color: inherit; color: inherit;
} }
.table-link{ .table-link{
/* TODO fix links with no title/content being almost unclickable */
display: block; display: block;
width: 100%; width: 100%;
min-height: 1em; min-height: 1em;

View File

@@ -27,7 +27,7 @@
</form> </form>
</search> </search>
<small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small> <small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small>
<a href="javascript:void(window.open('http://{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern"><!--TODO fix domain part as variable--> <a href="javascript:void(window.open('http://{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern">
<img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon"> <img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
</a> </a>
<a href="https://github.com/eneller/epub2go-web"> <a href="https://github.com/eneller/epub2go-web">