From 05dfd9657138f9cff555a65e76c67ecac0864af0 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Sun, 9 Apr 2017 14:28:21 +0300 Subject: Revert nsfw image sizing, give attachments max-height to reduce scrolling --- src/components/attachment/attachment.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'src/components/attachment/attachment.vue') diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 6af23391..e2fc65ba 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -116,8 +116,10 @@ border-style: solid; border-width: 1px; border-radius: 5px; + object-fit: contain; width: 100%; - height: 100%; /* If this isn't here, chrome will stretch the images */ + //height: 100%; /* If this isn't here, chrome will stretch the images */ + max-height: 500px; } } } -- cgit v1.2.3-70-g09d2 From f3ca011fbedb2ce6271bcc887d290828ccd1d284 Mon Sep 17 00:00:00 2001 From: lambadalambda Date: Sun, 9 Apr 2017 08:26:30 -0400 Subject: Add chrome picture stretching fix back in. --- src/components/attachment/attachment.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/components/attachment/attachment.vue') diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index e2fc65ba..1ba1c02a 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -118,7 +118,7 @@ border-radius: 5px; object-fit: contain; width: 100%; - //height: 100%; /* If this isn't here, chrome will stretch the images */ + height: 100%; /* If this isn't here, chrome will stretch the images */ max-height: 500px; } } -- cgit v1.2.3-70-g09d2 From e64905d88ba25074c6ac4f683abd4c1f54870e08 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Fri, 14 Apr 2017 13:43:53 +0300 Subject: Change attachments margin to not cause the element to overflow. --- src/components/attachment/attachment.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'src/components/attachment/attachment.vue') diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 1ba1c02a..d50664b6 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -33,10 +33,10 @@ .attachments { display: flex; flex-wrap: wrap; - margin-right: -0.8em; + margin-right: -0.7em; .attachment { flex: 1 0 30%; - margin: 0.5em 0.8em 0.6em 0.0em; + margin: 0.5em 0.7em 0.6em 0.0em; align-self: flex-start; &.html { -- cgit v1.2.3-70-g09d2