[education/rkward] rkward/pages: Welcome page: Text ellipsis on left side.

[Thomas Friedrichsmeier]

Git commit f3311f9b9f29700b45d67d4074945c99a0ebd1ab by Thomas Friedrichsmeier.
Committed on 13/05/2022 at 11:14.
Pushed by tfry into branch 'master'.

Welcome page: Text ellipsis on left side.

M  +10   -2    rkward/pages/rkward_help.css

https://invent.kde.org/education/rkward/commit/f3311f9b9f29700b45d67d4074945c99a0ebd1ab

diff --git a/rkward/pages/rkward_help.css b/rkward/pages/rkward_help.css
index 315bf281..f4057472 100644
--- a/rkward/pages/rkward_help.css
+++ b/rkward/pages/rkward_help.css
@@ -54,10 +54,18 @@ a:link {
 #rkward_welcome li {
 	width: 100%;
 	text-overflow: ellipsis;
+	direction: rtl;
 	overflow: hidden;
 	white-space: nowrap;
-	text-align: left;
-	list-style-position: inside;
+	clear: left;
+}
+
+/* Note: Text ellipsis on left-hand side does not allow for regular (left-aligned) bullets in <li>. These are added, separately, here. */
+#rkward_welcome li::before {
+	content: "\2022";
+	float: left;
+	direction: ltr;
+	width: 1em;
 }
 
 #main {