fixed: Mapco/Ansum theme (#6740)

* fixed

* fix RTL

6 files changed, 170 insertions, 28 deletions

diff --git a/p/themes/Ansum/_sidebar.scss b/p/themes/Ansum/_sidebar.scss
index 01c043566..2ba1d392f 100644
--- a/p/themes/Ansum/_sidebar.scss
+++ b/p/themes/Ansum/_sidebar.scss
@@ -18,7 +18,7 @@
 		box-shadow: inset -1px -11px 8px #0003;
 
 		.tree-folder-title {
-			padding: 1rem;
+			padding: 0.75rem 1rem;
 			background: variables.$sid-bg;
 			position: relative;
 			font-size: 0.85rem;
@@ -26,6 +26,22 @@
 			font-weight: 700;
 			text-transform: uppercase;
 
+			button.dropdown-toggle {
+				margin: -0.75rem 0.25rem -0.75rem -1rem;
+				padding: 0.75rem 0 0.75rem 1rem;
+
+				&:hover {
+					.icon {
+						filter: brightness(1.7) !important;
+						transition: 0.1s linear;
+					}
+				}
+			}
+
+			.icon {
+				margin-right: 0.5rem;
+			}
+
 			.title {
 				background: inherit;
 				color: variables.$sid-font-color;
@@ -47,8 +63,6 @@
 			background: variables.$sid-bg-alt;
 
 			.item {
-				padding: 0 1rem;
-				line-height: 2.5rem;
 				font-size: 1rem;
 				font-weight: 400;
 
@@ -77,6 +91,12 @@
 				a {
 					text-decoration: none;
 					color: variables.$sid-font-color;
+
+					&.dropdown-toggle {
+						.icon {
+							margin-right: 0.25rem;
+						}
+					}
 				}
 			}
 		}
@@ -121,12 +141,23 @@
 		text-align: center;
 		background: variables.$sid-bg;
 		border-right: 1px solid variables.$sid-sep;
+
+		.tree-folder-title:hover button.dropdown-toggle .icon {
+			filter: none;
+		}
 	}
 
 	&.aside_feed .tree {
 		margin: 10px 0 50px;
 	}
 
+	a:hover {
+		.icon {
+			filter: brightness(1.7);
+			transition: 0.1s linear;
+		}
+	}
+
 }
 
 
@@ -198,7 +229,7 @@
 }
 
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
-	margin: 1rem 0 0 0;
+	margin: 0.75rem 0 0 0;
 	background-color: variables.$sid-pills;
 }
 
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index fcefd861e..3967e8c11 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -464,7 +464,7 @@ th {
 	box-shadow: inset -1px -11px 8px rgba(0, 0, 0, 0.2);
 }
 .tree .tree-folder .tree-folder-title {
-	padding: 1rem;
+	padding: 0.75rem 1rem;
 	background: #fbf9f6;
 	position: relative;
 	font-size: 0.85rem;
@@ -472,6 +472,17 @@ th {
 	font-weight: 700;
 	text-transform: uppercase;
 }
+.tree .tree-folder .tree-folder-title button.dropdown-toggle {
+	margin: -0.75rem 0.25rem -0.75rem -1rem;
+	padding: 0.75rem 0 0.75rem 1rem;
+}
+.tree .tree-folder .tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: brightness(1.7) !important;
+	transition: 0.1s linear;
+}
+.tree .tree-folder .tree-folder-title .icon {
+	margin-right: 0.5rem;
+}
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
 	color: #363330;
@@ -487,8 +498,6 @@ th {
 	background: #f7f2ea;
 }
 .tree .tree-folder .tree-folder-items .item {
-	padding: 0 1rem;
-	line-height: 2.5rem;
 	font-size: 1rem;
 	font-weight: 400;
 	transition: all 0.15s ease-in-out;
@@ -512,6 +521,9 @@ th {
 	text-decoration: none;
 	color: #363330;
 }
+.tree .tree-folder .tree-folder-items .item a.dropdown-toggle .icon {
+	margin-right: 0.25rem;
+}
 
 /*=== Buttons */
 .stick input, .stick .btn,
@@ -559,9 +571,16 @@ th {
 	background: #fbf9f6;
 	border-right: 1px solid #f0e7da;
 }
+.aside.aside_feed .tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: none;
+}
 .aside.aside_feed .tree {
 	margin: 10px 0 50px;
 }
+.aside a:hover .icon {
+	filter: brightness(1.7);
+	transition: 0.1s linear;
+}
 
 /* Sidebar des pages de configuration */
 /*=== Navigation */
@@ -618,7 +637,7 @@ th {
 }
 
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
-	margin: 1rem 0 0 0;
+	margin: 0.75rem 0 0 0;
 	background-color: rgba(35, 35, 0, 0.15);
 }
 
@@ -1323,4 +1342,6 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #ca7227;
-}
\ No newline at end of file
+}
+
+/*# sourceMappingURL=ansum.css.map */
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index fe535fbc5..88ed5248a 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -464,7 +464,7 @@ th {
 	box-shadow: inset 1px -11px 8px rgba(0, 0, 0, 0.2);
 }
 .tree .tree-folder .tree-folder-title {
-	padding: 1rem;
+	padding: 0.75rem 1rem;
 	background: #fbf9f6;
 	position: relative;
 	font-size: 0.85rem;
@@ -472,6 +472,17 @@ th {
 	font-weight: 700;
 	text-transform: uppercase;
 }
+.tree .tree-folder .tree-folder-title button.dropdown-toggle {
+	margin: -0.75rem -1rem -0.75rem 0.25rem;
+	padding: 0.75rem 1rem 0.75rem 0;
+}
+.tree .tree-folder .tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: brightness(1.7) !important;
+	transition: 0.1s linear;
+}
+.tree .tree-folder .tree-folder-title .icon {
+	margin-left: 0.5rem;
+}
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
 	color: #363330;
@@ -487,8 +498,6 @@ th {
 	background: #f7f2ea;
 }
 .tree .tree-folder .tree-folder-items .item {
-	padding: 0 1rem;
-	line-height: 2.5rem;
 	font-size: 1rem;
 	font-weight: 400;
 	transition: all 0.15s ease-in-out;
@@ -512,6 +521,9 @@ th {
 	text-decoration: none;
 	color: #363330;
 }
+.tree .tree-folder .tree-folder-items .item a.dropdown-toggle .icon {
+	margin-left: 0.25rem;
+}
 
 /*=== Buttons */
 .stick input, .stick .btn,
@@ -559,9 +571,16 @@ th {
 	background: #fbf9f6;
 	border-left: 1px solid #f0e7da;
 }
+.aside.aside_feed .tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: none;
+}
 .aside.aside_feed .tree {
 	margin: 10px 0 50px;
 }
+.aside a:hover .icon {
+	filter: brightness(1.7);
+	transition: 0.1s linear;
+}
 
 /* Sidebar des pages de configuration */
 /*=== Navigation */
@@ -618,7 +637,7 @@ th {
 }
 
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
-	margin: 1rem 0 0 0;
+	margin: 0.75rem 0 0 0;
 	background-color: rgba(35, 35, 0, 0.15);
 }
 
@@ -1323,4 +1342,4 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #ca7227;
-}
\ No newline at end of file
+}
diff --git a/p/themes/Mapco/_sidebar.scss b/p/themes/Mapco/_sidebar.scss
index 03e79bd32..0e2110104 100644
--- a/p/themes/Mapco/_sidebar.scss
+++ b/p/themes/Mapco/_sidebar.scss
@@ -18,7 +18,7 @@
 		border-bottom: 1px solid variables.$sid-sep;
 
 		.tree-folder-title {
-			padding: 1rem;
+			padding: 0.75rem 1rem;
 			background: variables.$sid-bg;
 			position: relative;
 			font-size: 0.85rem;
@@ -26,6 +26,22 @@
 			font-weight: 700;
 			text-transform: uppercase;
 
+			button.dropdown-toggle {
+				margin: -0.75rem 0.25rem -0.75rem -1rem;
+				padding: 0.75rem 0 0.75rem 1rem;
+
+				&:hover {
+					.icon {
+						filter: brightness(2) !important;
+						transition: 0.1s linear;
+					}
+				}
+			}
+
+			.icon {
+				margin-right: 0.5rem;
+			}
+
 			.title {
 				background: inherit;
 				color: variables.$sid-font-color;
@@ -47,8 +63,6 @@
 			background: variables.$sid-bg-alt;
 
 			.item {
-				padding: 0 1rem;
-				line-height: 2.5rem;
 				font-size: 1rem;
 				font-weight: 400;
 
@@ -77,6 +91,12 @@
 				a {
 					text-decoration: none;
 					color: variables.$sid-font-color;
+
+					&.dropdown-toggle {
+						.icon {
+							margin-right: 0.25rem;
+						}
+					}
 				}
 			}
 		}
@@ -119,12 +139,23 @@
 		padding: 10px 0;
 		text-align: center;
 		background: variables.$sid-bg;
+
+		.tree-folder-title:hover button.dropdown-toggle .icon {
+			filter: none;
+		}
 	}
 
 	&.aside_feed .tree {
 		margin: 10px 0 50px;
 	}
 
+	a:hover {
+		.icon {
+			filter: brightness(2);
+			transition: 0.1s linear;
+		}
+	}
+
 }
 
 
@@ -197,7 +228,7 @@
 }
 
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
-	margin: 1rem 0 0 0;
+	margin: 0.75rem 0 0 0;
 	background-color: variables.$sid-pills;
 }
 
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 925e6ec8b..130258de8 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -478,7 +478,7 @@ th {
 	border-bottom: 1px solid #3f3f3f;
 }
 .tree .tree-folder .tree-folder-title {
-	padding: 1rem;
+	padding: 0.75rem 1rem;
 	background: #303136;
 	position: relative;
 	font-size: 0.85rem;
@@ -486,6 +486,17 @@ th {
 	font-weight: 700;
 	text-transform: uppercase;
 }
+.tree .tree-folder .tree-folder-title button.dropdown-toggle {
+	margin: -0.75rem 0.25rem -0.75rem -1rem;
+	padding: 0.75rem 0 0.75rem 1rem;
+}
+.tree .tree-folder .tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: brightness(2) !important;
+	transition: 0.1s linear;
+}
+.tree .tree-folder .tree-folder-title .icon {
+	margin-right: 0.5rem;
+}
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
 	color: #ffffff;
@@ -501,8 +512,6 @@ th {
 	background: #26272a;
 }
 .tree .tree-folder .tree-folder-items .item {
-	padding: 0 1rem;
-	line-height: 2.5rem;
 	font-size: 1rem;
 	font-weight: 400;
 	transition: all 0.15s ease-in-out;
@@ -526,6 +535,9 @@ th {
 	text-decoration: none;
 	color: #ffffff;
 }
+.tree .tree-folder .tree-folder-items .item a.dropdown-toggle .icon {
+	margin-right: 0.25rem;
+}
 
 /*=== Buttons */
 .stick input, .stick .btn,
@@ -572,9 +584,16 @@ th {
 	text-align: center;
 	background: #303136;
 }
+.aside.aside_feed .tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: none;
+}
 .aside.aside_feed .tree {
 	margin: 10px 0 50px;
 }
+.aside a:hover .icon {
+	filter: brightness(2);
+	transition: 0.1s linear;
+}
 
 /* Sidebar des pages de configuration */
 /*=== Navigation */
@@ -632,7 +651,7 @@ th {
 }
 
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
-	margin: 1rem 0 0 0;
+	margin: 0.75rem 0 0 0;
 	background-color: rgba(0, 0, 0, 0.25);
 }
 
@@ -1343,4 +1362,6 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #36c;
-}
\ No newline at end of file
+}
+
+/*# sourceMappingURL=mapco.css.map */
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index c85d108d9..f1ebe923e 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -478,7 +478,7 @@ th {
 	border-bottom: 1px solid #3f3f3f;
 }
 .tree .tree-folder .tree-folder-title {
-	padding: 1rem;
+	padding: 0.75rem 1rem;
 	background: #303136;
 	position: relative;
 	font-size: 0.85rem;
@@ -486,6 +486,17 @@ th {
 	font-weight: 700;
 	text-transform: uppercase;
 }
+.tree .tree-folder .tree-folder-title button.dropdown-toggle {
+	margin: -0.75rem -1rem -0.75rem 0.25rem;
+	padding: 0.75rem 1rem 0.75rem 0;
+}
+.tree .tree-folder .tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: brightness(2) !important;
+	transition: 0.1s linear;
+}
+.tree .tree-folder .tree-folder-title .icon {
+	margin-left: 0.5rem;
+}
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
 	color: #ffffff;
@@ -501,8 +512,6 @@ th {
 	background: #26272a;
 }
 .tree .tree-folder .tree-folder-items .item {
-	padding: 0 1rem;
-	line-height: 2.5rem;
 	font-size: 1rem;
 	font-weight: 400;
 	transition: all 0.15s ease-in-out;
@@ -526,6 +535,9 @@ th {
 	text-decoration: none;
 	color: #ffffff;
 }
+.tree .tree-folder .tree-folder-items .item a.dropdown-toggle .icon {
+	margin-left: 0.25rem;
+}
 
 /*=== Buttons */
 .stick input, .stick .btn,
@@ -572,9 +584,16 @@ th {
 	text-align: center;
 	background: #303136;
 }
+.aside.aside_feed .tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: none;
+}
 .aside.aside_feed .tree {
 	margin: 10px 0 50px;
 }
+.aside a:hover .icon {
+	filter: brightness(2);
+	transition: 0.1s linear;
+}
 
 /* Sidebar des pages de configuration */
 /*=== Navigation */
@@ -632,7 +651,7 @@ th {
 }
 
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
-	margin: 1rem 0 0 0;
+	margin: 0.75rem 0 0 0;
 	background-color: rgba(0, 0, 0, 0.25);
 }
 
@@ -1343,4 +1362,4 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #36c;
-}
\ No newline at end of file
+}