From f5048ee1a844ffd9c72af0f08de78628413352e9 Mon Sep 17 00:00:00 2001 From: James McNee Date: Sat, 4 Jan 2025 11:35:32 +0000 Subject: [PATCH] Fix UI bug when book conversion enabled on mobile On mobile, when book conversion is enabled and using the cabliBlur theme, the upload menu appears behind the description text area making it difficult (though not impossible with some careful guesswork around where the buttons should be). This commit fixes the styling of this section so that it no longer appears behind the description text area. --- cps/static/css/caliBlur.css | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) diff --git a/cps/static/css/caliBlur.css b/cps/static/css/caliBlur.css index dc42396a..c5e96bf4 100644 --- a/cps/static/css/caliBlur.css +++ b/cps/static/css/caliBlur.css @@ -7153,12 +7153,11 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div. } body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 { - max-width: 130px; - width: 130px; - height: 180px; - margin: 0; + position: relative; + max-width: unset; + width: 100%; + height: unset; padding: 15px; - position: absolute } body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9 { @@ -7167,10 +7166,6 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div. width: 100% } - body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9 > .form-group:nth-child(1), body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9 > .form-group:nth-child(2), body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9 > .form-group:nth-child(1), body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9 > .form-group:nth-child(2) { - padding-left: 120px - } - #deleteButton, body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 > div.text-center > #delete, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 > div.text-center > #delete { top: 48px; height: 42px