make tables in comments and posts look better

remotes/1722233799945163191/master
Aevann 2024-02-12 16:18:13 +02:00
parent dbdf43d0dd
commit fffc5eb43f
47 changed files with 103 additions and 97 deletions

View File

@ -359,6 +359,7 @@ svg {
}
table {
border-collapse: collapse;
margin-bottom: 3rem !important;
}
caption {
padding-top: 0.75rem;
@ -656,31 +657,31 @@ pre code {
max-width: 25%;
}
}
.table {
table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
}
.table th, .table td {
table th, table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid var(--gray-400);
}
.table thead th {
table thead th {
vertical-align: bottom;
border-bottom: 2px solid var(--gray-400);
}
.table tbody + tbody {
table tbody + tbody {
border-top: 2px solid var(--gray-400);
}
.table-striped tbody tr:nth-of-type(odd) {
table tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
@ -4595,7 +4596,7 @@ ul.comment-section {
background-position: bottom;
object-fit: cover;
}
.table .thead-dark th {
table .thead-dark th {
color: var(--muted);
font-size: 12px;
text-transform: uppercase;
@ -5136,7 +5137,7 @@ span.green {
padding: 0.75rem 0.4rem;
}
}
.table {
table {
color: var(--white);
}
.comment-box {
@ -6000,11 +6001,11 @@ li > .sidebar {
}
@media (max-width: 768px) {
.table th {
table th {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.table td {
table td {
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.9rem;
@ -6726,7 +6727,7 @@ div.markdown {
display: none !important;
}
}
.table th, .table td {
table th, table td {
vertical-align: middle;
}
@ -7530,7 +7531,7 @@ body {
overflow-wrap: break-word !important;
}
.table *, .playing-card_large {
table *, .playing-card_large {
word-break: keep-all !important;
}
@ -7687,3 +7688,8 @@ details {
margin-bottom: 1rem;
cursor: pointer;
}
thead {
background-color: var(--primary) !important;
color: var(--white);
}

View File

@ -13,8 +13,8 @@
{% if u1 and u2 %}
<h2>Analysis</h2>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th class="disable-sort-click"></th>
<th class="disable-sort-click">@{{u1.username}} only (% unique)</th>

View File

@ -20,8 +20,8 @@
They are {% if not u.is_permabanned %}not {% endif %}permanently banned{% if v.admin_level >= PERMS['USER_SHADOWBAN'] %} and they are {% if not u.shadowbanned %}not {% endif %}shadowbanned{% endif %}.</p>
</section>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -11,7 +11,7 @@
<div class="overflow-x-auto mt-4">
<table class="table table-striped">
<thead class="bg-primary text-white">
<thead>
<tr>
<th>Select</th>
<th>Image</th>

View File

@ -6,7 +6,7 @@
<div class="overflow-x-auto mt-2">
<table class="table table-striped mb-5" id="domains-table">
<thead class="bg-primary text-white">
<thead>
<tr>
<th>Domain</th>
<th>Ban reason</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h2>DM Media</h2>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Image</th>
<th>Sender</th>

View File

@ -4,8 +4,8 @@
{% block content %}
<h5 class="pt-4 pl-2 pb-3">Users who visited from {{ip}}</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th>First Used</th>

View File

@ -2,8 +2,8 @@
{% block pagetitle %}Logged In Users{% endblock %}
{% block content %}
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -2,8 +2,8 @@
{% block pagetitle %}Logged Out Users{% endblock %}
{% block content %}
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Details</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-1">Admin — Lottery Participants</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -49,8 +49,8 @@
</div>
<div class="overflow-x-auto mt-3">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Type</th>
<th>Title</th>

View File

@ -2,8 +2,8 @@
{% block pagetitle %}Patrons{% endblock %}
{% block content %}
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-4">Shadowbanned Users</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th class="disable-sort-click" {% if sort=="name" %}disabled{% endif %}>
<a href="?sort=name">Name</a>

View File

@ -4,8 +4,8 @@
{% block content %}
<h5 class="pt-4 pl-2 pb-3">@{{u.username}}'s IPs</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>IP</th>
<th>First Used</th>

View File

@ -5,8 +5,8 @@
{% block content %}
<h5 class="font-weight-bolder text-center pt-2 pb-3"><span>Admins</span></h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -4,8 +4,8 @@
<h1 class="mt-3">User Badges</h1>
<div>This page describes the requirements for obtaining all profile badges.</div>
<div class="overflow-x-auto mt-3">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="font-weight-bolder text-center pt-2 pb-3"><span>Banned Users</span></h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th class="disable-sort-click" {% if sort=="name" %}disabled{% endif %}>
<a href="?sort=name">Name</a>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="font-weight-bolder text-center pt-2 pb-3"><span>Blocks</span></h5>
<div class="overflow-x-auto mt-3">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th class="disable-sort-click" {% if sort=="user" %}disabled{% endif %}>
<a href="?sort=user">User</a>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-4">Chudded Users</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3">!commenters</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -4,7 +4,7 @@
{% set can_see = DONATE_LINK != DEFAULT_CONFIG_VALUE and v and v.can_see_countryclub and v.chud != 1 %}
<h1 class="py-3">Donate and get {{patron}} rewards</h1>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<table>
<tbody>
{% if can_see %}
<tr>

View File

@ -21,7 +21,7 @@
<div class="overflow-x-auto mt-3">
<table class="datatable d-none table table-striped mb-5">
<thead class="bg-primary text-white">
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -7,7 +7,7 @@
<div class="overflow-x-auto mt-3">
<table id="formatting-table" class="table table-striped generate-copy-buttons">
<thead class="bg-primary text-white">
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">What you type</th>

View File

@ -2,8 +2,8 @@
{% block pagetitle %}Grassed Users{% endblock %}
{% block content %}
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -19,7 +19,7 @@
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5 ping-groups">
<thead class="bg-primary text-white">
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -28,7 +28,7 @@
<h3 class="mb-3">Ping Groups</h3>
<div class="overflow-x-auto">
<table class="ping-groups table table-striped mb-5">
<thead class="bg-primary text-white">
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -41,7 +41,7 @@
<div class="overflow-x-auto mt-3 mb-5">
<table class="datatable d-none table table-striped shop">
<thead class="bg-primary text-white">
<thead>
<tr>
<th class="disable-sort-click">Hat</th>
<th>Name</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="mt-3">Users {{verb}} /h/{{hole}}</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-4 ml-2">Users exiled from /h/{{hole}}</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="mt-3 mb-1">Hole List</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -6,8 +6,8 @@
<h5 class="mt-2">/h/{{hole}} Mods</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -47,8 +47,8 @@
<h5 class="font-weight-bolder text-center pt-2 pb-3"><span id="leaderboard-{{leaderboard.html_id}}">{% if leaderboard.desc %}Top{% else %}Bottom{% endif %} {{leaderboard.limit}} {% if leaderboard.table_header_name != 'most blocked' %}by{% endif %} {{leaderboard.table_header_name}}</span></h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -5,8 +5,8 @@
<span>Notification Mutes</span>
</h5>
<div class="overflow-x-auto mt-3">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>User</th>
<th>Target</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3"><a href="{{href}}">{{name}}</a> {{kind}} Owners</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Owned since</td>

View File

@ -15,8 +15,8 @@
{% endif %}
<div class="overflow-x-auto mt-5">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>User</th>

View File

@ -47,7 +47,7 @@
<div class="overflow-x-auto mt-3 mb-5">
<table class="table table-striped shop">
<thead class="bg-primary text-white">
<thead>
<tr>
<th class="disable-sort-click">Icon</th>
<th>Title</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h1>Women World Cup 2023 Betting Leaderboard</h1>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -12,8 +12,8 @@
</a>
<div class="overflow-x-auto mt-4">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th class="disable-sort-click">Statistic</th>
<th class="disable-sort-click">Value</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3">@{{u.username}}'s blockers ({{total}} user{{macros.plural(total)}})</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Blocking since</td>

View File

@ -4,8 +4,8 @@
<h5 class="my-3">Users blocked by @{{u.username}} ({{total}} user{{macros.plural(total)}})</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Blocking since</th>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3">@{{u.username}}'s followers ({{total}} user{{macros.plural(total)}})</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Following since</td>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3">Users followed by @{{u.username}} ({{total}} user{{macros.plural(total)}})</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Following since</td>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3">@{{u.username}}'s notification muters ({{total}} user{{macros.plural(total)}})</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Muting notifications since</td>

View File

@ -3,8 +3,8 @@
{% block content %}
<h5 class="my-3">Users whose notifications are muted by @{{u.username}} ({{total}} user{{macros.plural(total)}})</h5>
<div class="overflow-x-auto mt-1">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Muting notifications since</th>

View File

@ -4,8 +4,8 @@
{% block content %}
<h5 class="pt-4 pl-2 pb-3">Users who viewed @{{u.username}}'s profile</h5>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>Name</th>
<th class="disable-sort-click">Last visit</th>

View File

@ -4,8 +4,8 @@
<h3 class="my-3" style="text-align: center">{{name2}}</h3>
<h5 class="font-weight-bold text-center mt-3">Total: {{total_items}}</h5>
<div class="mt-1 overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>

View File

@ -12,8 +12,8 @@
<h2>Upvotes</h2>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>User</th>
@ -39,8 +39,8 @@
<h2>Downvotes</h2>
<div class="overflow-x-auto">
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
<table>
<thead>
<tr>
<th>#</th>
<th>User</th>