Improve mobile view: access to the config menu (#3881)

* wip

* improve the header

* Fix theme "Adark"

* fixed theme: Ansum

* Fixed theme: BlueLagoon

* fixed Ansum after PR comment of Frenzie

* Fixed theme: Dark

* fixed theme: Flat

* fixed theme: Mapco

* fixed theme: Origine compact

* fixed theme: Pafat

* fixed theme: Screwdriver

* fixed theme: Swage

* hide the close button in wide view

* fixed base/template RTL

* fixed SCSS of theme Swage

* stylelint fix

* fixed theme Swage

* make fix-all

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

3 files changed, 18 insertions, 24 deletions

diff --git a/p/themes/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss
index 844196ceb..65b31fb89 100644
--- a/p/themes/Mapco/_mobile.scss
+++ b/p/themes/Mapco/_mobile.scss
@@ -55,7 +55,8 @@
 
 	.aside .toggle_aside,
 	#panel .close,
-	#close-slider.active {
+	#close-slider.active,
+	.dropdown-menu .toggle_aside {
 		background: $main-first-alt;
 		display: block;
 		width: 100%;
@@ -68,13 +69,13 @@
 		padding: 0.5rem;
 
 		.item {
-			&.title {
-				display: none;
-			}
-
 			&.search {
 				display: block;
 
+				form {
+					display: inherit;
+				}
+
 				.stick {
 					display: flex;
 				}
@@ -95,9 +96,6 @@
 				}
 			}
 
-			&.configure {
-				display: none;
-			}
 		}
 	}
 
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 551d431ce..3201e2855 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -1492,8 +1492,9 @@ form th {
 	}
 
 	.aside .toggle_aside,
-#panel .close,
-#close-slider.active {
+	#panel .close,
+	#close-slider.active,
+	.dropdown-menu .toggle_aside {
 		background: #25c;
 		display: block;
 		width: 100%;
@@ -1505,12 +1506,12 @@ form th {
 	.header {
 		padding: 0.5rem;
 	}
-	.header .item.title {
-		display: none;
-	}
 	.header .item.search {
 		display: block;
 	}
+	.header .item.search form {
+		display: inherit;
+	}
 	.header .item.search .stick {
 		display: flex;
 	}
@@ -1525,9 +1526,6 @@ form th {
 		min-height: 49px;
 		padding: 0.5rem 2rem;
 	}
-	.header .item.configure {
-		display: none;
-	}
 
 	.post {
 		padding-left: 1rem;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 0c04ba406..615d425b1 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -1492,8 +1492,9 @@ form th {
 	}
 
 	.aside .toggle_aside,
-#panel .close,
-#close-slider.active {
+	#panel .close,
+	#close-slider.active,
+	.dropdown-menu .toggle_aside {
 		background: #25c;
 		display: block;
 		width: 100%;
@@ -1505,12 +1506,12 @@ form th {
 	.header {
 		padding: 0.5rem;
 	}
-	.header .item.title {
-		display: none;
-	}
 	.header .item.search {
 		display: block;
 	}
+	.header .item.search form {
+		display: inherit;
+	}
 	.header .item.search .stick {
 		display: flex;
 	}
@@ -1525,9 +1526,6 @@ form th {
 		min-height: 49px;
 		padding: 0.5rem 2rem;
 	}
-	.header .item.configure {
-		display: none;
-	}
 
 	.post {
 		padding-right: 1rem;