From 9cb552fa7220e57a309d711807d756befb865d98 Mon Sep 17 00:00:00 2001 From: handlerug Date: Mon, 7 Jun 2021 11:26:13 +0700 Subject: [PATCH] Fix hypha's binary part alignment --- assets/assets.qtpl.go | 5 ++--- assets/default.css | 5 ++--- 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/assets/assets.qtpl.go b/assets/assets.qtpl.go index 940550b..71355e9 100644 --- a/assets/assets.qtpl.go +++ b/assets/assets.qtpl.go @@ -261,11 +261,10 @@ article pre.codeblock { padding:.5rem; white-space: pre-wrap; border-radius: .25 /* Derived from https://commons.wikimedia.org/wiki/File:U%2B21D2.svg */ .launchpad__entry { list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='25' height='12'%3E%3Cg transform='scale(0.7,0.8) translate(-613.21429,-421)'%3E%3Cpath fill='%23999' d='M 638.06773,429.49751 L 631.01022,436.87675 L 630.1898,436.02774 L 632.416,433.30375 L 613.46876,433.30375 L 613.46876,431.66382 L 633.82089,431.66382 L 635.57789,429.5261 L 633.79229,427.35979 L 613.46876,427.35979 L 613.46876,425.71985 L 632.416,425.71985 L 630.1898,422.99587 L 631.01022,422.08788 L 638.06773,429.49751 z '/%3E%3C/g%3E%3C/svg%3E"); } -.binary-container { width: 100%; } -.binary-container > a { display: flex; justify-content: center; } +.binary-container { width: 100%; text-align: center; } .binary-container_with-img img, .binary-container_with-video video, -.binary-container_with-audio audio {max-height: 30em; width: auto; } +.binary-container_with-audio audio { max-width: 100%; max-height: 30em; width: auto; } .subhyphae__title { padding-bottom: .5rem; clear: both; } .navi-title { padding-bottom: .5rem; margin: .25rem 0; } diff --git a/assets/default.css b/assets/default.css index 4679850..66d41a4 100644 --- a/assets/default.css +++ b/assets/default.css @@ -146,11 +146,10 @@ article pre.codeblock { padding:.5rem; white-space: pre-wrap; border-radius: .25 /* Derived from https://commons.wikimedia.org/wiki/File:U%2B21D2.svg */ .launchpad__entry { list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='25' height='12'%3E%3Cg transform='scale(0.7,0.8) translate(-613.21429,-421)'%3E%3Cpath fill='%23999' d='M 638.06773,429.49751 L 631.01022,436.87675 L 630.1898,436.02774 L 632.416,433.30375 L 613.46876,433.30375 L 613.46876,431.66382 L 633.82089,431.66382 L 635.57789,429.5261 L 633.79229,427.35979 L 613.46876,427.35979 L 613.46876,425.71985 L 632.416,425.71985 L 630.1898,422.99587 L 631.01022,422.08788 L 638.06773,429.49751 z '/%3E%3C/g%3E%3C/svg%3E"); } -.binary-container { width: 100%; } -.binary-container > a { display: flex; justify-content: center; } +.binary-container { width: 100%; text-align: center; } .binary-container_with-img img, .binary-container_with-video video, -.binary-container_with-audio audio {max-height: 30em; width: auto; } +.binary-container_with-audio audio { max-width: 100%; max-height: 30em; width: auto; } .subhyphae__title { padding-bottom: .5rem; clear: both; } .navi-title { padding-bottom: .5rem; margin: .25rem 0; }