From 50c137d152f0e0df3a7912ba361c68dc5de13565 Mon Sep 17 00:00:00 2001 From: friendica Date: Thu, 4 Sep 2014 17:51:24 -0700 Subject: constrain photos to a fixed block regardless of aspect ratio --- view/theme/redbasic/css/style.css | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) (limited to 'view/theme/redbasic/css') diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 0f2949a49..5ff32ff58 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -660,11 +660,33 @@ aside li { } .photo-top-photo, .photo-album-photo { - padding: 10px; + /* padding: 10px; max-width: 300px; border: 1px solid #888888; +*/ + position: absolute; + display: block; + max-width: 100%; + max-height: 100%; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; } +.photo-top-image-wrapper, .photo-album-image-wrapper { + width: 300px; +} + +.photo-top-photo-link, .photo-album-photo-link { + display: block; + width: 100%; + position: relative; + height: 0; + padding: 75% 0 0 0; + overflow: hidden; +} .photo-album-image-wrapper .caption { background-color: $acpopup_bgcolour; -- cgit v1.2.3