ilot/ilot-io
2
0
Fork 1
Code Issues 8 Pull requests 3 Projects Releases Packages Wiki Activity Actions

bootstrap.local.css: max width of content now 100%

Browse source
This commit is contained in:
Antoine Martin 2024-09-08 17:53:55 -04:00
parent 6bf66149a1
commit c3086e1a29
Signed by: ayakael
GPG key ID: D62A472A4AA7D541
1 changed files with 1 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
basewiki/bootstrap.local.css vendored
View file

@ -51,7 +51,6 @@ body {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
/* Custom page CSS /* Custom page CSS
-------------------------------------------------- */ -------------------------------------------------- */
/* Not required for template or sticky footer method. */ /* Not required for template or sticky footer method. */
@ -91,33 +90,6 @@ code {
font-size: 80%; font-size: 80%;
} }
/* comments fixup */
.comment {
border: none;
padding: 1em;
margin: 1em;
background: #f3f3f3;
}
.mastodon-comment {
display: flex;
}
/* mastodon posts have a span to hide the scheme and post id, use it */
.mastodon-comment-content span.invisible {
display: none;
}
.mastodon-comment .avatar img {
margin-right: 1rem;
}
.mastodon-comment span.disabled {
display: none;
}
.mastodon-comment .author {
display: flex;
justify-content: space-between;
}
.mastodon-comment .author time {
font-size: small;
}
.actions ul { .actions ul {
margin: inherit; margin: inherit;
padding: inherit; padding: inherit;
@ -128,7 +100,7 @@ code {
/* limit main content to ~90 chars per line */ /* limit main content to ~90 chars per line */
/* update: practical typography recommends 2-3 alphabets */ /* update: practical typography recommends 2-3 alphabets */
#content { #content {
max-width: 35em; /* this is 2.5 alphabets with Charter */ max-width: 100%;
} }
/* limit header as well otherwise logo is out of whack without sidebar */ /* limit header as well otherwise logo is out of whack without sidebar */
@ -248,8 +220,6 @@ div.footnotes { font-size: small; }
/* scale down images so they are centered like the rest of the text */ /* scale down images so they are centered like the rest of the text */
#content img { max-width: 100%; } #content img { max-width: 100%; }
/* except in the mastodon avatar, it squeezes them weirdly and messes with borders */
#content .mastodon-comment .avatar img { max-width: inherit; }
/* format HTML5 captions like ikiwiki's table-based captions /* format HTML5 captions like ikiwiki's table-based captions
* *
@ -291,19 +261,6 @@ figure.align-right figcaption {
word-wrap: break-word; word-wrap: break-word;
} }
/* make table scale out to avoid ugly word-wrapping
* bootstrap should deal with this, but ikiwiki doesn't assign the
* right style and anyways our width is smaller than necessary
*
* pages with tables that should be checked when this is changed:
*
* https://anarc.at/blog/2017-10-26-comparison-cryptographic-keycards/
* https://anarc.at/blog/2018-01-28-large-disk-price-review/
* https://anarc.at/services/backup/
* https://anarc.at/services/
* https://anarc.at/services/dns/registrars/
* https://anarc.at/services/welcome/
*/
table, table.table { width: 100%; } table, table.table { width: 100%; }
table { font-size: inherit; } /* why the heck does chrome override font-size for tables?! */ table { font-size: inherit; } /* why the heck does chrome override font-size for tables?! */