From cc7a784cbe8822d306a2937f08b7665ea82ffb54 Mon Sep 17 00:00:00 2001
From: Marien Fressinaud <dev@marienfressinaud.fr>
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/Alternative-Dark/template.rtl.css | 52 ++++++++++++++++++++++++++++--
 1 file changed, 50 insertions(+), 2 deletions(-)

(limited to 'p/themes/Alternative-Dark/template.rtl.css')

diff --git a/p/themes/Alternative-Dark/template.rtl.css b/p/themes/Alternative-Dark/template.rtl.css
index 82b216f64..371934324 100644
--- a/p/themes/Alternative-Dark/template.rtl.css
+++ b/p/themes/Alternative-Dark/template.rtl.css
@@ -215,10 +215,19 @@ td.numeric {
 
 /*=== Buttons */
 .stick {
-	display: inline-block;
+	display: inline-flex;
+	max-width: 100%;
 	white-space: nowrap;
 }
 
+.stick > input.long {
+	flex-shrink: 1;
+}
+
+.stick > .btn {
+	flex-shrink: 0;
+}
+
 .btn,
 a.btn {
 	display: inline-block;
@@ -1023,6 +1032,10 @@ br {
 	right: 0;
 }
 
+#close-slider img {
+	display: none;
+}
+
 /*=== SLIDESHOW */
 /*==============*/
 .slides {
@@ -1191,7 +1204,6 @@ pre.enclosure-description {
 
 @media (max-width: 840px) {
 	.header,
-	.aside .btn-important,
 	.flux_header .item.website span,
 	.item.date, .day .date,
 	.dropdown-menu > .no-mobile,
@@ -1199,6 +1211,18 @@ pre.enclosure-description {
 		display: none;
 	}
 
+	.form-group {
+		margin-bottom: 10px;
+	}
+
+	.form-group .group-name {
+		float: none;
+	}
+
+	.form-group .group-controls {
+		margin-right: 0;
+	}
+
 	.dropdown .dropdown-menu {
 		width: 100%;
 		border-radius: 0;
@@ -1234,6 +1258,10 @@ pre.enclosure-description {
 		width: 90%;
 	}
 
+	.aside_feed .configure-feeds {
+		margin-top: 10px;
+	}
+
 	.flux_header .item.website {
 		width: 40px;
 	}
@@ -1267,6 +1295,26 @@ pre.enclosure-description {
 		width: 30px;
 		height: 30px;
 	}
+
+	#slider.active {
+		right: 0;
+		top: 50px;
+	}
+
+	#close-slider img {
+		display: initial;
+	}
+
+	#close-slider.active {
+		background: #f6f6f6;
+		display: block;
+		width: 100%;
+		height: 50px;
+		z-index: 10;
+		text-align: center;
+		line-height: 50px;
+		border-bottom: 1px solid #ddd;
+	}
 }
 
 /*=== PRINTER */
-- 
cgit v1.2.3