added css style for columns in markdown

Trikke76 · Jun 10, 2024 · 3e585e4 · 3e585e4
1 parent caf35ae
commit 3e585e4
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 29 deletions.
diff --git a/docs/configuration/.zabbix-macros.md.swp b/docs/configuration/.zabbix-macros.md.swp
diff --git a/docs/configuration/zabbix-macros.md b/docs/configuration/zabbix-macros.md
@@ -1,2 +1,12 @@
 # Macros
 
+
+| test | test | test | test |
+| ---- | ---- | ---- | ---- |
+| een  | een  | een  | een  |
+| twee | twee | twee | twee |
+| een  | een  | een  | een  |
+| twee | twee | twee | twee |
+| een  | een  | een  | een  |
+| twee | twee | twee | twee |
+
diff --git a/docs/configuration/zabbix-users.md b/docs/configuration/zabbix-users.md
@@ -23,35 +23,11 @@ To change the password, do the following steps:
 
 Before we create new users, it's important to know that Zabbix has three user types that are built-in.
 
-<html>
-  <head>
-    <style>
-      thead th { text-align:left; background:grey; color:white}
-      tbody th { text-align:right; background: lightgrey; color:whitwhitee}
-    </style>
-  </head>
-<body>
-  <table>
-    <thead>
-      <tr>
-        <th>User type</th><th>Description</th>
-      </tr>
-    </thead>
-  <tbody>
-    <tr>
-      <th>Zabbix User</th><td>This is a normal user that only has read-only permissions if given. So there are no permissions assigned by default.</td>
-    </tr>
-    <tr>
-      <th>Zabbix Admin</th><td>A user with read/write permissions. Just like the Zabbix user, there are no permissions by default. However access can be denied to some groups.</td>
-    </tr>
-    <tr>
-      <th>Zabbix Super Admin</th><td>A user with group read/write permissions. The user will have read/write access to all host and template groups. Access can't be revoked by denying access to groups, like with a normal admin.</td>
-    </tr>
-      </tbody>
-    </table>
-  </body>
-</html>
-
+| User type 	| Description 	|
+| ---- 		| ---- 		|
+| Zabbix User	| This is a normal user that only has read-only permissions if given. So there are no permissions assigned by default. |
+| Zabbix Admin	| A user with read/write permissions. Just like the Zabbix user, there are no permissions by default. However access can be denied to some groups.|
+| Zabbix Super Admin | A user with group read/write permissions. The user will have read/write access to all host and template groups. Access can't be revoked by denying access to groups, like with a normal admin.|
 
 Besides these differences, these users also have different access rights to our menu. Let's have a closer look.
 

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -0,0 +1,31 @@
+thead th { text-align:left; background:grey; color:white}
+
+tr td:first-child {
+  background: lightgrey;
+}
+
+th, td {
+    border: 1px solid var(--md-typeset-table-color);
+    border-spacing: 0;
+    border-bottom: none;
+    border-left: none;
+    border-top: none;
+}
+
+.md-typeset__table {
+    line-height: 1;
+}
+.md-typeset__table table:not([class]) th {
+    padding: 9px;
+}
+
+/* light mode alternating table bg colors */
+.md-typeset__table tr:nth-child(2n) {
+    background-color: #f8f8f8;
+}
+
+/* dark mode alternating table bg colors */
+[data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) {
+    background-color: hsla(var(--md-hue),25%,25%,1)
+}
+
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -101,6 +101,9 @@ theme:
          icon: material/toggle-switch
          name: Switch to light mode
 
+extra_css:
+  - stylesheets/extra.css
+
 # Plugins
 plugins:
   - search