portico: Re-add bootstrap CSS for tables with "table-bordered" class.

This commit re-adds required bootstrap CSS rules defined with
"table-bordered" class to the specific files.

This is a prep commit to remove bootstrap CSS for tables.
This commit is contained in:
Sahil Batra 2023-07-24 15:28:42 +05:30 committed by Tim Abbott
parent 2976f3f9e7
commit 29ce34020d
3 changed files with 58 additions and 1 deletions

View File

@ -1,7 +1,7 @@
<h3>{{ data.title }}</h3> <h3>{{ data.title }}</h3>
{{ data.rows|length}} rows {{ data.rows|length}} rows
<table class="table sortable table-striped table-bordered"> <table class="table sortable table-striped table-bordered analytics_table">
<thead class="activity_head"> <thead class="activity_head">
<tr> <tr>

View File

@ -24,6 +24,35 @@ td.number {
text-align: right; text-align: right;
} }
.summary-table,
.analytics_table {
border: 1px solid hsl(0deg 0% 87%);
border-collapse: separate;
border-left: 0;
border-radius: 4px;
& th,
td {
border-left: 1px solid hsl(0deg 0% 87%);
}
thead tr:first-child > th:first-child {
border-top-left-radius: 4px;
}
thead tr:first-child > th:last-child {
border-top-right-radius: 4px;
}
tbody tr:last-child > td:first-child {
border-bottom-left-radius: 4px;
}
tbody tr:last-child > td:last-child {
border-bottom-right-radius: 4px;
}
}
.summary-table { .summary-table {
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;

View File

@ -1242,6 +1242,34 @@ label.label-title {
#devtools-page { #devtools-page {
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
.table-bordered {
border: 1px solid hsl(0deg 0% 87%);
border-collapse: separate;
border-left: 0;
border-radius: 4px;
& th,
td {
border-left: 1px solid hsl(0deg 0% 87%);
}
thead tr:first-child > th:first-child {
border-top-left-radius: 4px;
}
thead tr:first-child > th:last-child {
border-top-right-radius: 4px;
}
tbody tr:last-child > td:first-child {
border-bottom-left-radius: 4px;
}
tbody tr:last-child > td:last-child {
border-bottom-right-radius: 4px;
}
}
} }
.portico-page.error { .portico-page.error {