Fix filter list layout in brutstrap

This commit is contained in:
Jason McBrayer 2019-02-16 10:53:46 -05:00
parent 5061800d69
commit 333976dae5
2 changed files with 40 additions and 28 deletions

View File

@ -105,26 +105,26 @@ img.emoji
} }
.modal { .modal {
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
display: none; display: none;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
z-index: 40; z-index: 40;
} }
.modal-background { .modal-background {
position: absolute; position: absolute;
background-color: rgba(10,10,10,.86); background-color: rgba(10,10,10,.86);
} }
.modal, .modal-background { .modal, .modal-background {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
} }
.modal-content .modal-content
@ -139,7 +139,7 @@ img.emoji
} }
.modal.is-active { .modal.is-active {
display: flex; display: flex;
} }
.card .card
@ -237,13 +237,13 @@ img.emoji
} }
#username_autocomplete div.tooltip::after { #username_autocomplete div.tooltip::after {
content: attr(data-tooltip); content: attr(data-tooltip);
font-size: 0.6em; font-size: 0.6em;
margin-left: 1em; margin-left: 1em;
margin-right: 1em; margin-right: 1em;
border: 1pt solid #444; border: 1pt solid #444;
background-color: #FFF; background-color: #FFF;
padding: 0.2em; padding: 0.2em;
} }
/* Remaining brutaldon-specific tweaks */ /* Remaining brutaldon-specific tweaks */
@ -308,9 +308,9 @@ img.fav-avatar {
} }
.attachments figure { .attachments figure {
border: 0.2ex solid #444; border: 0.2ex solid #444;
max-width: 256px; max-width: 256px;
padding: 1em; padding: 1em;
} }
figure.level-item > video figure.level-item > video
@ -319,6 +319,18 @@ figure.level-item > video
max-width: 256px; max-width: 256px;
} }
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th
{
padding: 0.25em;
border: 1px solid #444;
}
td.empty-cell, th.empty-cell { border: none; }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.box { .box {
max-width: 90%; max-width: 90%;

View File

@ -12,7 +12,7 @@
<th>Filter contexts</th> <th>Filter contexts</th>
<th></th> <th></th>
<th></th> <th></th>
<th></th> <th class="empty-cell"></th>
</thead> </thead>
<tbody> <tbody>
{% for filter in filters %} {% for filter in filters %}
@ -39,7 +39,7 @@
<span class="fa fa-times"></span> <span class="fa fa-times"></span>
Delete filter Delete filter
</td> </td>
<td> <td class="empty-cell">
<i id="filter-spinner-{{filter.id}}" <i id="filter-spinner-{{filter.id}}"
class="fa fa-spinner fa-spin" class="fa fa-spinner fa-spin"
style="display:none"></i> style="display:none"></i>