Properly size thumbnail images with nonexistent/unavailable sources

Adds some CSS to ensure that thumbnail images with bad sources are correctly sized Resolves ComputerScienceHouse#80
adamhb123 · Aug 9, 2021 · aa769a6 · aa769a6
1 parent 48bed50
commit aa769a6
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/gallery/static/css/styles.css b/gallery/static/css/styles.css
@@ -38,12 +38,23 @@ h2 {
   transition: 0.3s box-shadow;
 }
 
+.album-wrapper > a {
+    display: inline-block;
+    position: relative;
+    width: 100%;
+}
+
 .album {
+  position: absolute;
   transform: rotate(5deg);
   display: block;
   width: 100%;
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
   border: 5px solid white;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
 }
 
 .album img {