Volkswagen Passat Forum banner

41 - 44 of 44 Posts

·
Registered
Joined
·
358 Posts
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
 

·
Registered
Joined
·
358 Posts
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.

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: 0 !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.
 

·
Registered
Joined
·
358 Posts
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').
 
41 - 44 of 44 Posts
Top