Volkswagen Passat Forum banner

I hate this new forum software

4K views 43 replies 15 participants last post by  GrayscaleB5 
#1 ·
The feature I hate most is the “go to first unread post”.
 
#39 ·
If anyone is using that theme I posted earlier I made two tweaks. I can't edit my post (I can't edit posts older than xx hours now) so I'm bumping this thread with a follow up. I've been using the theme for 3 weeks and things have worked pretty well but now I've added two adjustments:

I clipped the banner graphic height to header height (so the passat graphic only appears behind the header):
CSS:
.p-header-banner {
    height: 72px !important;
}
Also I changed the background color in the signatures to match the post content color (gray) and halved the height of collapsed signatures to work around a bug in how some are displayed:
CSS:
.message-signature.signature-collapsed .signature-overlay {
    height: 50px !important;
    background: linear-gradient(rgba(250,250,250,0), 50%, #fafafa) !important;
}
.message-signature.signature-collapsed {
    max-height: 50px !important;
}
 
#41 ·
Fix for the edit button (I'm still undecided on the color, I went with a light gray):
CSS:
/* limit thick banner when edit button is present: */
.california-message-controls a,
.california-message-controls-set a,
.california-message-controls i,
.california-message-controls-set i  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.actionBar-action--edit {
    color: #e9e9e9 !important;
    text-decoration-line: underline !important;
}
Before:
97416


After:
97417
 
#42 · (Edited)
Since new years a new 3-dot menu button has appeared in the message header so I've adjusted for it.

Before:
98118


After:
98119


As a result of this change to make the header thin again the reply/quote/etc buttons now appear slightly upward in some posts. I've experimented with various CSS but I can't get it working. For example I tried position:absolute and bottom:0 but it doesn't work, and I've tried various other CSS I've read about designed to anchor a div to the bottom of the parent and it all looks like this:
98120


I'm not a CSS expert I don't know what needs to be done to anchor it properly and the footer can't overlap the text above so I'm skipping that change for now.

Here's the CSS (Applied using Stylus (Note: Stylus not Stylish) in Chrome. Use Create New Style, paste in the text, and in the Applies To.. section (the label that says 'Everything' below the text box) click the + and change to 'URLs on the domain' then put www.passatworld.com then Save.

The full script is now this:
CSS:
.message-cell--user {
    border-left: 5px solid rgb(246,247,247) !important;
    border-right: 1px solid #efefef !important;
    background-color: rgb(246,247,247) !important;
}
.message-userStats {
    font-size: 11px !important;
}
.message-attribution {
    color: white !important;
    background-color: rgb(104,123,161) !important;
}
.message-cell.california-message-cell {
    padding: 0px 5px 5px 0px !important;
}
.message-cell--main {
    border-left: 5px solid #fafafa !important;
    background: #fafafa none !important;
    font: 13px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.message-body {
    font: 13px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.p-body {
    background-color: rgb(233,233,233) !important;
}
.p-navSticky {
    position: static !important;
}
.california-thread-sidebar {
    display: none !important;
}
.p-header-banner-placeholder {
    height: 72px !important;
}
.california-additional-header h1 {
    font-size: 2em !important;
}
.message-signature.signature-collapsed .signature-overlay {
    height: 50px !important;
    background: linear-gradient(rgba(250,250,250,0), 50%, #fafafa) !important;
}
.message-signature.signature-collapsed {
    max-height: 50px !important;
}

/* limit thick banner when edit button is present: */
.california-message-controls a,
.california-message-controls-set a,
.california-message-controls i,
.california-message-controls-set i  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.actionBar-action--edit {
    color: #e9e9e9 !important;
    text-decoration-line: underline !important;
}

/* limit thick banner when menu button is present: */
.california-options-button:before {
    content: url(/styles/default/California/v-ellipsis-white.svg);
    height: 14px;
}
.california-options-button {
    height: 22px;
    width: 22px;
    border: none;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
Note for .message-cell--main and .message-body in the screenshots I used font: 13.2px instead of 13px. Basically I wanted to get as close as possible to the old font size and style. On my laptop 13px is the closest but on my desktop 13.2px is the closest. (I've since changed .message-body to 13.5, so it varies)

Update 2023: I updated the script above to increase some of the .message-cell.california-message-cell padding to 5px to get rid of an extraneous scrollbar that would show in message content when there was nothing to actually scroll.
 
#43 ·
One of the recent passatworld site releases has changed the position of the 3-dot menu button and I still have no idea how to position it properly for all screens. I can't even move it up a little. The button now is all the way to the right and slightly in the post's content section and hardly visible (but that's because I had changed it to white). To make it visible you can comment out the line that makes it white and it will use gray (default).
CSS:
/* content: url(/styles/default/California/v-ellipsis-white.svg); */
Then add a slight light transparent background:
CSS:
/* fix for menu button change in january 2020 */
.california-options-button-inner {
    background-color: rgba(240,243,245,.75);
}
before:
98303



after:
98304


As you can see it's not perfect, if a letter falls directly under it then it will be obscured by the menu dots.

I'm going to leave mine as is (like in 'before').
 
This is an older thread, you may not receive a response, and could be reviving an old thread. Please consider creating a new thread.
Top