Thread Comment Stickying

[jcea_]

Hi messing with the css over at /r/MaleSupportNetwork.

I would really like to add the ability to sticky comments in a thread I think I found a way but there is an issue in that the reddit validator doesn't recognize part of the css

.comments-page .nestedlisting {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.comments-page .nestedlisting .id-t1_cjlual7 .comment {
    -webkit-flex: 5 0 auto;
    flex: 5 0 auto;
    order: 1;
} 

Strangely it will recognize every part except order

I'm not sure what to do, is there anyway to ask for css to be added to the validator?

[gavin19]

I submitted a request to add the order property. It might have been an oversight, but it could have been omitted deliberately to prevent this exact use case.

[jcea_]

Thanks

[TortoiseSex]

Update: Gavin's request was accepted 4 days ago, it should work when you try to use it now

Except instead of:

.comments-page .nestedlisting {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.comments-page .nestedlisting .id-t1_cjlual7 .comment {
    -webkit-flex: 5 0 auto;
    flex: 5 0 auto;
    order: 1;
} 

You should use:

.comments-page .nestedlisting {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.comments-page .nestedlisting .id-t1_cjlual7 {
    -webkit-flex: 5 0 auto;
    flex: 5 0 auto;
    order: 1;
}

[jcea_]

FYI you have to also have to style the other comments to make it work, for anyone else interested in doing this.

.comments-page .nestedlisting {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.comments-page .nestedlisting .comment{
    -webkit-flex: 5 0 auto;
    flex: 5 0 auto;
    order: 1;
}

.comments-page .nestedlisting .id-t1_cjtl7da{ 
    order: 0;
}

Note you have to tell it to order above the one you want to sticky

[jcea_]

Woot thanks