From cc7a784cbe8822d306a2937f08b7665ea82ffb54 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Wed, 6 May 2020 19:55:45 +0200 Subject: Add/mobile feed configuration (#2938) * Show subscription management button on mobile * Show aside box-shadow on Origine only when opened * Reduce padding of Origine posts on mobile * Shrink stick component with long input * Show Origine configure icons on mobile * Show the slider full width on mobile * Improve the look of forms on mobile * Fix Ansum theme * Fix BlueLagoon theme * Fix Dark theme * Fix Flat theme * Fix Mapco theme * Fix Origine-compact theme * Fix Pafat theme * Fix Screwdriver theme * Fix Swage theme * Fix Alternative-Dark theme * Apply RTL script on themes Co-authored-by: triatic <42704418+triatic@users.noreply.github.com> --- p/themes/Pafat/pafat.css | 22 ++++++++++++++++++++-- p/themes/Pafat/pafat.rtl.css | 22 ++++++++++++++++++++-- 2 files changed, 40 insertions(+), 4 deletions(-) (limited to 'p/themes/Pafat') diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 2cbc539dc..c798fc1cb 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -106,7 +106,7 @@ form th { } .form-group .group-controls { - margin: 10px 0 10px 220px; + margin-bottom: 10px; padding: 5px 0; min-height: 25px; @@ -1105,11 +1105,24 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: 3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: 3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1173,4 +1186,9 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-left: 15px; + padding-right: 15px; + } } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 07e72159c..a7f4bb3d8 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -106,7 +106,7 @@ form th { } .form-group .group-controls { - margin: 10px 220px 10px 0; + margin-bottom: 10px; padding: 5px 0; min-height: 25px; @@ -1105,11 +1105,24 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: -3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: -3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1173,4 +1186,9 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-right: 15px; + padding-left: 15px; + } } -- cgit v1.2.3