Merge pull request #768 from trwnh/nsfw-sizing

Make NSFW shade the same size as its container
7 years ago · 7260c552b0
parent 83bc1cb26b b76049afdb
commit 7260c552b0
1 changed files with 9 additions and 1 deletions
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@ -306,13 +306,21 @@ details summary::-webkit-details-marker {
 }

 .details-animated > summary {
-  display: block;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
  background-color: #ECF0F1;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
 }

+@media (min-width: 720px) {
+  .details-animated > summary {
+    min-height: 600px;
+  }
+}
+
 .details-animated[open] > summary {
  display: none!important;
 }