Mark as read button: config for the size (#7314)

* settings

* i18n: mark_read_button

* big, small, none

* fix

* Fixes

* make fix-all

---------

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

3 files changed, 13 insertions, 13 deletions

diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 28c6a8644..60c20efe2 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -812,16 +812,16 @@ form th {
 .notification.bad a.close:hover {
 	background-color: var(--color-background-bad);
 }
-.notification .close {
+.notification a.close {
 	display: none;
 }
 
-#bigMarkAsRead {
+#bigMarkAsRead.big {
 	text-align: center;
 	text-decoration: none;
 	background: var(--color-background-light-darker);
 }
-#bigMarkAsRead:hover {
+#bigMarkAsRead.big:hover {
 	background-color: var(--color-background-aside);
 	color: var(--color-text-light);
 }
@@ -1027,15 +1027,15 @@ a.signin {
 	.notification {
 		width: 100%;
 	}
-	.notification .close {
+	.notification a.close {
 		background: transparent;
 		display: block;
 		left: 0;
 	}
-	.notification .close:hover {
+	.notification a.close:hover {
 		opacity: 0.5;
 	}
-	.notification .close .icon {
+	.notification a.close .icon {
 		display: none;
 	}
 	#nav_entries {
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index 705beae31..5894f5698 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -812,16 +812,16 @@ form th {
 .notification.bad a.close:hover {
 	background-color: var(--color-background-bad);
 }
-.notification .close {
+.notification a.close {
 	display: none;
 }
 
-#bigMarkAsRead {
+#bigMarkAsRead.big {
 	text-align: center;
 	text-decoration: none;
 	background: var(--color-background-light-darker);
 }
-#bigMarkAsRead:hover {
+#bigMarkAsRead.big:hover {
 	background-color: var(--color-background-aside);
 	color: var(--color-text-light);
 }
@@ -1027,15 +1027,15 @@ a.signin {
 	.notification {
 		width: 100%;
 	}
-	.notification .close {
+	.notification a.close {
 		background: transparent;
 		display: block;
 		right: 0;
 	}
-	.notification .close:hover {
+	.notification a.close:hover {
 		opacity: 0.5;
 	}
-	.notification .close .icon {
+	.notification a.close .icon {
 		display: none;
 	}
 	#nav_entries {
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 2048b5cf5..fe6d4d0a2 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -1053,7 +1053,7 @@ form {
 	}
 }
 
-#bigMarkAsRead {
+#bigMarkAsRead.big {
 	text-align: center;
 	text-decoration: none;
 	background: var(--color-background-light-darker);