From 61f492faf7001bf105339161f59eeaa041b03465 Mon Sep 17 00:00:00 2001 From: Benjamin Renard Date: Thu, 4 Jun 2020 17:59:52 +0200 Subject: [PATCH] LSformElement :: pre: make CSS responsive --- src/css/default/LSformElement_pre.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/css/default/LSformElement_pre.css b/src/css/default/LSformElement_pre.css index 057d25c2..77775ffa 100644 --- a/src/css/default/LSformElement_pre.css +++ b/src/css/default/LSformElement_pre.css @@ -8,3 +8,20 @@ textarea.LSformElement_pre { height: 20em; width: 38.5em; } + +@media (max-width: 1024px) { + textarea.LSformElement_pre { + width: 40vw; + + } + p.LSformElement_pre { + width: 60vw; + overflow: scroll; + } +} + +@media (max-width: 400px) { + p.LSformElement_pre, textarea.LSformElement_pre { + width: calc(100% - 1em); + } +}