Please Fix the CSS Markup!!!!

Hikin' Mike

It is nearly impossible to help people when I (we) can't use the CSS markup. In some instances, I can't post code in the regular comments. Very annoying.

Please fix this!

David_S85

A new version of Vanilla has been in place for a few days. Unfortunately, they broke a few things.

Hikin' Mike

I take it there is no way to revert back to the other version?

David_S85

Updates to the platform are pushed to Vanilla's servers. We don't actively DL and install new versions like we did with vB. Richard is looking into this (and other issues like embeds) and is asking the Vanilla team questions. I'll bet we'll hear from him in a few hours?

Hikin' Mike

I'm sure it isn't just the SM Forum. I would have thought another forum would have contacted them (Vanilla) before. I posted an issue on the markup a few days ago.

Richard

Mike,
I notified Vanilla about the code problem right after you first reported it. Yesterday, I was told that they had a fix, but the fix didn't work and they're trying to figure out why--it seems to work in some cases but not in others. They are also working on a fix for YouTube embedding, which is also broken.

That's all I know at the moment. Stay tuned.

Richard

The problem with code formatting appears to be resolved. Thanks for calling it to our attention and give a shout if anything still looks wrong.

Hikin' Mike

Not quite done @Richard . I posted a media query yesterday and it doesn't format correctly:

@media only screen and ( max-width: 1024px ) {

    .sm-user-ui .sm-page-layout-region-top .sm-page-layout-row[data-layout-row="B"] .sm-page-layout-column[data-layout-column="0"] {
        width: 15% !important;
        }

    .sm-user-ui .sm-page-layout-region-top .sm-page-layout-row[data-layout-row="B"] .sm-page-layout-column[data-layout-column="1"] {
        width: 83% !important;
        }

    .sm-user-ui .sm-page-layout-region-top .sm-page-layout-row[data-layout-row="B"] .sm-page-layout-column[data-layout-column="2"], 
    .sm-user-ui .sm-page-layout-region-top .sm-page-layout-row[data-layout-row="B"] .sm-page-layout-column[data-layout-column="3"] {
        width: 50% !important;
        }

}   

Richard

Sorry Mike, but I don't understand exactly what's wrong with the formatting. Could you elaborate? I'm not entirely sure that the fix that was implemented corrects previously posted code, so you might try posting it afresh.

Hikin' Mike

@Richard said:
Sorry Mike, but I don't understand exactly what's wrong with the formatting. Could you elaborate? I'm not entirely sure that the fix that was implemented corrects previously posted code, so you might try posting it afresh.

I posted the media query again AFTER the markup fix. You shouldn't see the a-tag around the media.

Format:

@media only screen and (max-width: 782px) {

    .code-here {}

}

Without format:
@media only screen and (max-width: 782px) {

.code-here {}

}

Hikin' Mike

Test> @Richard said:

Sorry Mike, but I don't understand exactly what's wrong with the formatting. Could you elaborate? I'm not entirely sure that the fix that was implemented corrects previously posted code, so you might try posting it afresh.

To add,

When you use the markup with a media query, it starts with the "At Symbol". Right now if you type that it thinks "media" is a forum member. Hope that makes sense.

Richard

OK, thanks. Vanilla is looking at it.

Hikin' Mike

Looks like it's fixed @Richard, thanks!

Richard

Cool. I believe they have also fixed the YouTube embedding problem.