|
|
| (48 intermediate revisions by the same user not shown) |
| Line 3: |
Line 3: |
| font-size: 4em; | | font-size: 4em; |
| } | | } |
| .lore-spotlight-widget { | | .emoji-trigger-wrap { margin-bottom: .5rem; } |
| background: #001933;
| | #emoji-trigger { margin-right: .5rem; } |
| border: 1px solid #FF6300;
| | /* --- VoteNY: render as 👍1 --- */ |
| padding: 0.75em;
| | .vote-box { |
| margin: 1em 0;
| | background-color: transparent; /* remove green box */ |
| font-style: italic;
| |
| border-radius: 4px;
| |
| } | |
| /* Keep Special:ListFiles from overflowing the layout */
| |
| body.page-Special_ListFiles .continuum-body {
| |
| overflow-x: auto; /* horizontal scroll if needed, not page-breaks */
| |
| } | |
| | |
| /* Make the table respect the container */ | |
| body.page-Special_ListFiles .mw-datatable.listfiles {
| |
| width: 100%;
| |
| max-width: 100%;
| |
| table-layout: fixed; /* predictable column widths; enables wrapping */
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| /* Wrap long content instead of blowing out */
| |
| body.page-Special_ListFiles .mw-datatable.listfiles th,
| |
| body.page-Special_ListFiles .mw-datatable.listfiles td {
| |
| white-space: normal; /* was often nowrap via defaults */ | |
| overflow-wrap: anywhere; /* modern wrap for very long strings */
| |
| word-break: break-word; /* fallback for older browsers */ | |
| }
| |
| | |
| /* Keep thumbnails sane */ | |
| body.page-Special_ListFiles .mw-datatable.listfiles img {
| |
| max-width: 100px;
| |
| height: auto; | | height: auto; |
| | width: auto; |
| | padding: 0; |
| | display: inline-block !important; |
| | align-items: center; |
| } | | } |
|
| |
|
| /* Reasonable fixed widths for the first couple columns (thumb + size) */ | | #PollVotes.vote-number { |
| body.page-Special_ListFiles .mw-datatable.listfiles td:nth-child(1),
| | color: inherit; /* stop forcing white */ |
| body.page-Special_ListFiles .mw-datatable.listfiles th:nth-child(1) {
| | display: inline-block !important; |
| width: 120px; /* thumbnail */ | | background-color: transparent; |
| | font-size: var(--font-size-medium) !important; |
| | font-weight: 600; |
| } | | } |
| | | .vote-box::before { |
| body.page-Special_ListFiles .mw-datatable.listfiles td:nth-child(2),
| | content: "👍"; |
| body.page-Special_ListFiles .mw-datatable.listfiles th:nth-child(2) {
| | display: inline-block; |
| width: 120px; /* size / dims column (tweak if your layout differs) */ | | font-size: var(--font-size-medium) !important; |
| | line-height: 1; |
| } | | } |
|
| |
|
| /* Don’t let code-y bits (SHA1, MIME) refuse to wrap */
| | #PollVotes.vote-number::before { |
| body.page-Special_ListFiles .mw-datatable.listfiles code,
| | content: none !important; |
| body.page-Special_ListFiles .mw-datatable.listfiles a,
| |
| body.page-Special_ListFiles .mw-datatable.listfiles .mw-sha1,
| |
| body.page-Special_ListFiles .mw-datatable.listfiles .mime-type {
| |
| overflow-wrap: anywhere; | |
| word-break: break-word;
| |
| } | | } |
|
| |
|
| /* Safety net: prevent any rogue table inside from exceeding container width */ | | /* Hide the Vote/unvote link (we’ll keep it functional via JS) */ |
| body.page-Special_ListFiles .continuum-body table {
| | #Answer.vote-action { |
| max-width: 100%;
| | display: none; |
| }
| |
| /* Force thumbnails in ListFiles to scale down nicely */
| |
| body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img {
| |
| max-width: 100%; /* don’t exceed the column */
| |
| height: auto; /* keep aspect ratio */
| |
| display: block; /* avoids inline whitespace issues */
| |
| object-fit: contain; /* keeps whole image visible if column is small */
| |
| }
| |
| body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb,
| |
| body.page-Special_ListFiles .mw-datatable.listfiles th.TablePager_col_thumb {
| |
| width: 120px; /* or whatever max width feels right */ | |
| }
| |
| @media (max-width: 600px) {
| |
| body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img {
| |
| max-width: 80px;
| |
| }
| |
| } | | } |
.welcome {
text-align: center;
font-size: 4em;
}
.emoji-trigger-wrap { margin-bottom: .5rem; }
#emoji-trigger { margin-right: .5rem; }
/* --- VoteNY: render as 👍1 --- */
.vote-box {
background-color: transparent; /* remove green box */
height: auto;
width: auto;
padding: 0;
display: inline-block !important;
align-items: center;
}
#PollVotes.vote-number {
color: inherit; /* stop forcing white */
display: inline-block !important;
background-color: transparent;
font-size: var(--font-size-medium) !important;
font-weight: 600;
}
.vote-box::before {
content: "👍";
display: inline-block;
font-size: var(--font-size-medium) !important;
line-height: 1;
}
#PollVotes.vote-number::before {
content: none !important;
}
/* Hide the Vote/unvote link (we’ll keep it functional via JS) */
#Answer.vote-action {
display: none;
}
