fix: jumping lines (#4699)

* fix

* fix Origine compact

* fix Ansum

* fix Mapco

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

10 files changed, 14 insertions, 18 deletions

diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss
index 03005b7fd..df0f71e1b 100644
--- a/p/themes/Ansum/_list-view.scss
+++ b/p/themes/Ansum/_list-view.scss
@@ -16,8 +16,7 @@
 
 		&:not(.current):hover .item.title {
 			background: variables.$grey-lighter;
-
-
+			bottom: 3px;
 		}
 	}
 
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 216e3a62e..ebdd6daf8 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -987,6 +987,7 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #fcfaf8;
+	bottom: 3px;
 }
 .flux.current {
 	background: #fff;
@@ -1364,4 +1365,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 ddc94cbc4..c6f16979d 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -987,6 +987,7 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #fcfaf8;
+	bottom: 3px;
 }
 .flux.current {
 	background: #fff;
@@ -1364,4 +1365,4 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #ca7227;
-}
\ No newline at end of file
+}
diff --git a/p/themes/Mapco/_list-view.scss b/p/themes/Mapco/_list-view.scss
index 3996f75fd..bbdcbe39f 100644
--- a/p/themes/Mapco/_list-view.scss
+++ b/p/themes/Mapco/_list-view.scss
@@ -15,8 +15,7 @@
 
 		&:not(.current):hover .item.title {
 			background: variables.$grey-lighter;
-
-
+			bottom: 3px;
 		}
 	}
 
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 343a9b314..1de73d0e5 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -1005,6 +1005,7 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #f9fafb;
+	bottom: 3px;
 }
 .flux.current {
 	background: #f9fafb;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index c1a1d8863..e3776c263 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -1005,6 +1005,7 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #f9fafb;
+	bottom: 3px;
 }
 .flux.current {
 	background: #f9fafb;
diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index 4e21231ae..50f81ccec 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/p/themes/Origine-compact/origine-compact.css
@@ -164,7 +164,7 @@ a.btn,
 }
 
 .flux:not(.current):hover .item.title {
-	top: auto;
+	bottom: 0;
 }
 
 /*=== Content of feed articles */
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index 256eae680..26e147706 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/p/themes/Origine-compact/origine-compact.rtl.css
@@ -164,7 +164,7 @@ a.btn,
 }
 
 .flux:not(.current):hover .item.title {
-	top: auto;
+	bottom: 0;
 }
 
 /*=== Content of feed articles */
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 3ab92d91d..b0b1450ce 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -1113,10 +1113,6 @@ input[type="search"] {
 /*=== Feed article header and footer */
 .flux_header {
 	background: inherit;
-	position: static;
-}
-
-.flux:hover {
 	position: relative;
 }
 
@@ -1150,7 +1146,7 @@ a.website:hover .favicon {
 	background-color: var(--frss-background-color);
 	max-width: calc(100% - 320px);
 	position: absolute;
-	top: 0.25rem
+	bottom: 2px;
 }
 
 .flux:not(.current):hover .item.title.multiline {
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 3d1991846..11a90fb56 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -1113,10 +1113,6 @@ input[type="search"] {
 /*=== Feed article header and footer */
 .flux_header {
 	background: inherit;
-	position: static;
-}
-
-.flux:hover {
 	position: relative;
 }
 
@@ -1150,7 +1146,7 @@ a.website:hover .favicon {
 	background-color: var(--frss-background-color);
 	max-width: calc(100% - 320px);
 	position: absolute;
-	top: 0.25rem
+	bottom: 2px;
 }
 
 .flux:not(.current):hover .item.title.multiline {