« get me outta code hell

image styling fixes - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <towerofnix@gmail.com>2020-10-30 10:47:59 -0300
committer(quasar) nebula <towerofnix@gmail.com>2020-10-30 10:53:27 -0300
commit9ee4d8d8825cb9f42b8d5c3e4fafd3f1ede38f63 (patch)
treec4de3acef9bb8808f7013dbfae97cc346539ec77
parentcc263991ea749029b82f46f1369e7b1e16620376 (diff)
image styling fixes
-rw-r--r--static/site.css8
1 files changed, 7 insertions, 1 deletions
diff --git a/static/site.css b/static/site.css
index ef1b0246..346c28a3 100644
--- a/static/site.css
+++ b/static/site.css
@@ -250,6 +250,8 @@ img {
     text-align: left;
     background-color: var(--dim-color);
     color: white;
+    display: inline-block;
+    object-fit: contain;
     /* these unfortunately dont take effect while loading, so...
     text-align: center;
     line-height: 2em;
@@ -270,6 +272,10 @@ a.box:focus:not(:focus-visible) {
     outline: none;
 }
 
+a.box img {
+    display: block;
+}
+
 h1 {
     font-size: 1.5em;
 }
@@ -300,7 +306,6 @@ h1 {
 }
 
 .grid-item img {
-    display: block;
     width: 100%;
     height: 100%;
 }
@@ -417,6 +422,7 @@ blockquote {
 
 p img {
     max-width: 100%;
+    height: auto;
 }
 
 dl dt {