Add .table-group-divider to tbody with a custom color

daniviga · Oct 1, 2023 · 2fe221d · 2fe221d
1 parent 6355460
commit 2fe221d
Show file tree

Hide file tree

Showing 8 changed files with 24 additions and 20 deletions.
diff --git a/ram/portal/static/css/main.css b/ram/portal/static/css/main.css
@@ -24,6 +24,10 @@ a.badge, a.badge:hover {
   width: 33% !important;
 }
 
+.table-group-divider {
+  border-top: calc(var(--bs-border-width) * 3) solid var(--bs-border-color);
+}
+
 #nav-notes > p {
   padding: .5rem;
 }

diff --git a/ram/portal/templates/cards.html b/ram/portal/templates/cards.html
@@ -30,7 +30,7 @@
                     <th colspan="2" scope="row">Data</th>
                   </tr>
                 </thead>
-                <tbody>
+                <tbody class="table-group-divider">
                   <tr>
                     <th class="w-33" scope="row">Type</th>
                     <td>{{ d.rolling_class.type }}</td>
@@ -76,7 +76,7 @@
                     <th colspan="2" scope="row">DCC data</th>
                   </tr>
                 </thead>
-                <tbody>
+                <tbody class="table-group-divider">
                   <tr>
                     <th class="w-33" scope="row">Decoder</th>
                     <td>{{ d.decoder }}</td>

diff --git a/ram/portal/templates/companies.html b/ram/portal/templates/companies.html
@@ -14,7 +14,7 @@
                   <th colspan="2" scope="row">Company</th>
                 </tr>
               </thead>
-              <tbody>
+              <tbody class="table-group-divider">
                 {% if d.logo %}
                 <tr>
                   <th class="w-33" scope="row">Logo</th>

diff --git a/ram/portal/templates/consist.html b/ram/portal/templates/consist.html
@@ -80,7 +80,7 @@
                       <th colspan="2" scope="row">Data</th>
                     </tr>
                   </thead>
-                  <tbody>
+                  <tbody class="table-group-divider">
                     <tr>
                       <th class="w-33" scope="row">Company</th>
                       <td><abbr title="{{ consist.company.extended_name }}">{{ consist.company }}</abbr></td>
@@ -103,7 +103,7 @@
                       <th scope="row">Notes</th>
                     </tr>
                   </thead>
-                  <tbody>
+                  <tbody class="table-group-divider">
                     <tr>
                       <td>{{ consist.notes | safe }}</td>
                     </tr>

diff --git a/ram/portal/templates/consists.html b/ram/portal/templates/consists.html
@@ -33,7 +33,7 @@
                   <th colspan="2" scope="row">Consist data</th>
                 </tr>
               </thead>
-              <tbody>
+              <tbody class="table-group-divider">
                 {% if d.address %}
                 <tr>
                   <th class="w-33" scope="row">Address</th>

diff --git a/ram/portal/templates/manufacturers.html b/ram/portal/templates/manufacturers.html
@@ -14,7 +14,7 @@
                   <th colspan="2" scope="row">Manufacturer</th>
                 </tr>
               </thead>
-              <tbody>
+              <tbody class="table-group-divider">
                 {% if d.logo %}
                 <tr>
                   <th class="w-33" scope="row">Logo</th>

diff --git a/ram/portal/templates/rollingstock.html b/ram/portal/templates/rollingstock.html
@@ -62,7 +62,7 @@
                         <th colspan="2" scope="row">Data</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <th class="w-33" scope="row">Type</th>
                         <td>{{ rolling_stock.rolling_class.type }}</td>
@@ -93,7 +93,7 @@
                         <th colspan="2" scope="row">Model data</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <th class="w-33" scope="row">Manufacturer</th>
                         <td>{%if rolling_stock.manufacturer %}
@@ -117,7 +117,7 @@
                         <th colspan="2" scope="row">DCC data</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <th class="w-33" scope="row">Interface</th>
                         <td>{{ rolling_stock.get_decoder_interface_display }}</td>
@@ -143,7 +143,7 @@
                         <th colspan="2" scope="row">Model data</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <th class="w-33" scope="row">Manufacturer</th>
                         <td>{%if rolling_stock.manufacturer %}
@@ -179,7 +179,7 @@
                         <th colspan="2" scope="row">Properties</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                     {% for p in rolling_stock_properties %}
                       <tr>
                         <th class="w-33" scope="row">{{ p.property }}</th>
@@ -197,7 +197,7 @@
                         <th colspan="2" scope="row">Class data</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <th class="w-33" scope="row">Class</th>
                         <td>{{ rolling_stock.rolling_class.identifier }}</td>
@@ -231,7 +231,7 @@
                         <th colspan="2" scope="row">Properties</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                     {% for p in class_properties %}
                       <tr>
                         <th class="w-33" scope="row">{{ p.property }}</th>
@@ -249,7 +249,7 @@
                         <th colspan="2" scope="row">DCC data</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <th scope="row">Interface</th>
                         <td>{{ rolling_stock.get_decoder_interface_display }}</td>
@@ -284,7 +284,7 @@
                         <th scope="row">Notes</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                       <tr>
                         <td>{{ rolling_stock.notes | safe }}</td>
                       </tr>
@@ -299,7 +299,7 @@
                         <th colspan="3" scope="row">Documents</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                     {% for d in rolling_stock.document.all %}
                       <tr>
                         <td class="w-33">{{ d.description }}</td>
@@ -317,7 +317,7 @@
                         <th colspan="3" scope="row">Decoder documents</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                     {% for d in rolling_stock.decoder.document.all %}
                       <tr>
                         <td class="w-33">{{ d.description }}</td>
@@ -336,7 +336,7 @@
                         <th colspan="3" scope="row">Journal</th>
                       </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="table-group-divider">
                     {% for j in rolling_stock_journal %}
                       <tr>
                         <th class="w-33" scope="row">{{ j.date }}</th>

diff --git a/ram/portal/templates/types.html b/ram/portal/templates/types.html
@@ -12,7 +12,7 @@
                   <th colspan="2" scope="row">Type</th>
                 </tr>
               </thead>
-              <tbody>
+              <tbody class="table-group-divider">
                 <tr>
                   <th class="w-33" scope="row">Type</th>
                   <td>{{ d.type }}</td>