Tabledemo:MediaWiki:Common.css: Difference between revisions

no edit summary
(Created page with ": .table-responsive { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; : } : .table-responsive:focus { outline: 2px solid #777; outline-offset: 2px; } : .table-responsive > table { width: 100%; border-collapse: collapse; } : .wikitable...")
 
No edit summary
 
Line 54: Line 54:
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; display:block; }
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; display:block; }
.wikitable td, .wikitable th { white-space: normal; word-break: break-word; padding:6px 8px; }
.wikitable td, .wikitable th { white-space: normal; word-break: break-word; padding:6px 8px; }
/* Ensure sorting indicators are visible on mobile */
.sortable th {
    position: relative;
    padding-right: 20px !important;
}
.sortable th:after {
    content: " ⇅";
    position: absolute;
    right: 5px;
    opacity: 0.5;
    font-size: 12px;
}
.sortable th.headerSortUp:after {
    content: " ⇑";
    opacity: 1;
}
.sortable th.headerSortDown:after {
    content: " ⇓";
    opacity: 1;
}