fix: sidescrolling
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user