[PATCH] right align statistics values on dashboard page (fixes #190)

Erik Bender erik.bender at develerik.dev
Mon Feb 14 12:56:48 UTC 2022


---
Sorry, totally forgot about rtl. This should align correctly.

 templates/partials/packages/statistics.html | 16 ++++++++--------
 templates/partials/statistics.html          |  4 ++--
 web/html/css/aurweb.css                     | 10 ++++++++++
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/templates/partials/packages/statistics.html b/templates/partials/packages/statistics.html
index 8a6546b9..676b78d6 100644
--- a/templates/partials/packages/statistics.html
+++ b/templates/partials/packages/statistics.html
@@ -4,47 +4,47 @@
     <table>
         <tr>
             <td class="stat-desc">{{ "Packages" | tr }}</td>
-            <td>{{ package_count }}</td>
+            <td class="stat-val">{{ package_count }}</td>
         </tr>
         <tr>
             <td class="stat-desc">{{ "Orphan Packages" | tr }}</td>
-            <td>{{ orphan_count }}</td>
+            <td class="stat-val">{{ orphan_count }}</td>
         </tr>
         <tr>
             <td class="stat-desc">
                 {{ "Packages added in the past 7 days" | tr }}
             </td>
-            <td>{{ seven_days_old_added }}</td>
+            <td class="stat-val">{{ seven_days_old_added }}</td>
         </tr>
         <tr>
             <td class="stat-desc">
                 {{ "Packages updated in the past 7 days" | tr }}
             </td>
-            <td>{{ seven_days_old_updated }}</td>
+            <td class="stat-val">{{ seven_days_old_updated }}</td>
         </tr>
         <tr>
             <td class="stat-desc">
                 {{ "Packages updated in the past year" | tr }}
             </td>
-            <td>{{ year_old_updated }}</td>
+            <td class="stat-val">{{ year_old_updated }}</td>
         </tr>
         <tr>
             <td class="stat-desc">
                 {{ "Packages never updated" | tr }}
             </td>
-            <td>{{ never_updated }}</td>
+            <td class="stat-val">{{ never_updated }}</td>
         </tr>
         <tr>
             <td class="stat-desc">
                 {{ "Registered Users" | tr }}
             </td>
-            <td>{{ user_count }}</td>
+            <td class="stat-val">{{ user_count }}</td>
         </tr>
         <tr>
             <td class="stat-desc">
                 {{ "Trusted Users" | tr }}
             </td>
-            <td>{{ trusted_user_count }}</td>
+            <td class="stat-val">{{ trusted_user_count }}</td>
         </tr>
     </table>
 </div>
diff --git a/templates/partials/statistics.html b/templates/partials/statistics.html
index 0bf844b6..2a6f69db 100644
--- a/templates/partials/statistics.html
+++ b/templates/partials/statistics.html
@@ -10,7 +10,7 @@
                         {{ "Packages" | tr }}
                     </a>
                 </td>
-                <td>{{ bases.count() }}</td>
+                <td class="stat-val">{{ bases.count() }}</td>
             </tr>
             {% set out_of_date_packages = bases | out_of_date %}
             <tr>
@@ -19,7 +19,7 @@
                         {{ "Out of Date" | tr }}
                     </a>
                 </td>
-                <td>{{ out_of_date_packages.count() }}</td>
+                <td class="stat-val">{{ out_of_date_packages.count() }}</td>
             </tr>
         </tbody>
     </table>
diff --git a/web/html/css/aurweb.css b/web/html/css/aurweb.css
index 22b5ac65..0511ef15 100644
--- a/web/html/css/aurweb.css
+++ b/web/html/css/aurweb.css
@@ -23,6 +23,16 @@
   white-space: normal;
 }
 
+#pkg-stats td.stat-val,
+#my-stats td.stat-val {
+  text-align: right;
+}
+
+[dir="rtl"] #pkg-stats td.stat-val,
+[dir="rtl"] #my-stats td.stat-val {
+	text-align: left;
+}
+
 #actionlist form {
 	margin: 0;
 	padding: 0;
-- 
2.35.1



More information about the aur-dev mailing list