Jump to content

Welcome to the upgraded PCGamingWiki forums and files page. The current Wiki and Forum bridge is not functioning at the moment, therefore your Forum account currently has no password set. Please reset your Forum password via email check to generate a new password. If you have any issues please message Andytizer on Discord.

Blackbird

List of PCGW issues

Recommended Posts

Few new bugs after the upgrade(?)

 

Top bar icons

I know it's kinda obvious, but the new alerts and notification buttons are almost invisible and badly aligned. I assume they are just reused icons from wikipedia and need custom ones made?

vWiwwon.png?1

 

Editing page

Template icons are too big and lists are obscured by changelog text field

w04nR2G.png?1

Share this post


Link to post
Share on other sites

Below is straight copy/paste from my common.css

 

Top bar icons are fixed by using the below CSS. I went through all four icons and made them end up looking like #999. Two of them have an opacity layer above that partially hides them, therefor the SVGs use #FFF when coloring those as that will end up as #999:

/* Fixes for the four SVG icons on the header, making them all #999 */

/* Icon 1 - Watchlist - Change fill color to #999, from #A1A1A0 */
#pt-watchlist a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22M48 17 57 36 78 39 63 53 66 73 48 64 30 73 33 53 18 39 39 36Z%22/%3E%3C/svg%3E");
}

/* Icon 2 - My Talk - Change fill color to #999, from #A1A1A0 */
#pt-mytalk a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22m34 33 26 0 0-13-39 0 0 31-7 9 20 0zM75.1 37.1 75 67l8 9-40 0c-3.3 0-5-2.4-5-5l0-34 37 0%22/%3E%3C/svg%3E");
}

/* Icon 3 - Notification Alert - Change fill color to white, from none. White becomes #999 due to some reason */
#pt-notifications-alert .mw-echo-notifications-badge::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%0A %3Cpath fill=%22white%22 d=%22M17.5 14V9c0-3-2.3-5-5.5-5S6.5 6 6.5 9v5c0 2 0 3-2 3v1h15v-1c-2 0-2-1-2-3zM12 20H9c0 1 1.6 2 3 2s3-1 3-2h-3z%22/%3E%0A%3C/svg%3E%0A");

}

/* Icon 4 - Notification Notice - Change fill color to white, from none. White becomes #999 due to some reason */
#pt-notifications-notice .mw-echo-notifications-badge::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%0A %3Cpath fill=%22white%22 d=%22M3 13.35l1.8-7.2c.2-.996.81-1.8 1.8-1.8h10.8c.99 0 1.6.867 1.8 1.8l1.8 7.2v4.5c0 .99-.81 1.8-1.8 1.8H4.8c-.99 0-1.8-.81-1.8-1.8v-4.5zm6.96 1.8h4.08c-.49.557-1.212.9-2.04.9a2.68 2.68 0 0 1-2.04-.9h4.08c.414-.472.66-1.098.66-1.8h4.14l-1.44-7.2H6.6l-1.44 7.2H9.3c0 .702.246 1.328.66 1.8z%22/%3E%0A%3C/svg%3E%0A");
}

/* White becomes #999 because of the 0.65 opacity on this CSS element: "pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read" */

Also, here's two fixes to two other bugs I've noticed:

/* Corrects hidden category on front page being offset -25px due to the padding on articles for #main-content being overwritten due to rule on .page-Home #main-content */
.page-Home #main-content div#body-content div#catlinks {
    margin-left: 0;
}


/* Fixes .project-intro from going off-screen on widths below 1000ish, but above 800ish */
/* Wrap it around a min width to not break mobile view */
@media only screen and (min-width : 801px) {
    .project-intro {
        max-width: 750px;
        width: auto;
    }
}

The below is sorta like a bug fix/design change in one. The current behavior is just weird... >_<

/* ===== CHANGE : Allow left aligned tables =========================================================================================================================
 * 
 * This allows the use of style="text-align: center;" at the top of a table in an article to get all of its contents to align left.
 *
 */

/* This is currently set to Center, let's change that to Inherit */
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    text-align: inherit;
}

/* Let's set the default align to Center, to reproduce the current look */
table.wikitable {
    text-align: center;
}

Just to clarify: the above allows editors to easily align all text in a table (like the Kingdom Come console commands list) to something else than center. The current behavior requires manually adding a text-align override to every single cell in the table. That must be an oversight and unintended side effect of the current implementation. It prevents console commands and other lists better aligned differently from being easy to implement, with an insane amount of overhead attached to them. Here's a difference of the current overhead required to get the contents of a table left-aligned vs. what would be required with the above CSS fix/change.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Forum Statistics

    942
    Total Topics
    6078
    Total Posts
  • Who's Online   0 Members, 0 Anonymous, 76 Guests (See full list)

    There are no registered users currently online



×