Bugs and Suggestions

Dr.Walt Fair, PE - Professional Profile[^].

1-Sep-22 13:49

Did you re-sign up?

Let us know if you need a hand getting your other account back.

cheers
Chris Maunder

Re: Why?

Richard MacCutchan1-Sep-22 22:08

Richard MacCutchan

1-Sep-22 22:08

Message count not incrementing

Randor 1-Sep-22 7:15

Randor

1-Sep-22 7:15

I've been at 3400 for a really long time. The QA comment count seems to increment just fine. Doesn't really matter to me but I thought I should report it.

Re: Message count not incrementing

Chris Maunder1-Sep-22 9:31

Viewing Q&A post seems to intermittently update the post

1-Sep-22 9:31

That's an odd one. I've added it to the list

cheers
Chris Maunder

Graeme_Grant1-Sep-22 4:28

Re: Viewing Q&A post seems to intermittently update the post

1-Sep-22 4:28

I have been watching this specific post keep popping to the top of the list. Almost to a point that it haunts me ... Laugh | :laugh:

ref: I need to use different font weight on items of a datagridcombobox WPF[^]

Seems to happen after a period of time, not just any time. My viewing it (I think ) just made it happen again.

Is there any way of checking an audit trail?

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

Chris Maunder1-Sep-22 5:12

Re: Viewing Q&A post seems to intermittently update the post

1-Sep-22 5:12

It's getting hit by spammers, so the "recent activity" flag is getting touched. It's on our list of things to fix. I'll try and get to it today since it is bloody annoying.

cheers
Chris Maunder

Graeme_Grant1-Sep-22 6:55

1-Sep-22 6:55

Ah... Thanks

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

QA comment line breaks

Richard Deeming1-Sep-22 0:27

Richard Deeming

1-Sep-22 0:27

All line breaks seem to be being stripped out of QA comments.

Eg:
How to get decimal value when user input decimal?[^]

That's three separate lines. The posted comment looks like:

Editing the comment displays:

Everything is on one line. The line breaks have been removed; there isn't even a space where they were.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Chris Maunder1-Sep-22 5:10

1-Sep-22 5:10

This will add back the breaks for display, but yes, there's a bug in that the breaks are not being transferred t the edit window. I'll get that fixed.

The reason breaks are being removed is because the comments - which are meant to be used for clarification or comments - are often being used to dump large swathes of code. In these cases updating the question with missing code (or clarifying the existing code) is the way to go since it makes the question self contained and more answerable. Similarly for answers. A comment on an answer that requires a code drop really should be in the answer itself as an update / clarification, or probably as an alternative answer.

For the cases where neither of these apply, then the CRLF button will expand it out while ensuring the focus of the page is on the Question and the Answers.

cheers
Chris Maunder

Richard MacCutchan1-Sep-22 5:22

Richard MacCutchan

1-Sep-22 5:22

Whenever I say, "Please use the Improve question link above, and add complete details of what is not working.", the response is always in a reply comment. I even got one today where I suggested opening a new question. So these sorts of improvements only work for those of us who understand how the site works.

Chris Maunder1-Sep-22 5:37

1-Sep-22 5:37

I know. It's not going to "just happen", and we know many people simply don't read instructions (yours truly among them)

The way to encourage a certain behaviour is to practice that behaviour: remove obviously poor questions, move comments into questions and answers, use comments for comments, not answers, and generally setting the expectation as to how the system should be used. Maybe 1% of us do the right thing, but that encourages another 2%, then 5%, then soon enough the tone is set and less clean up is needed.

cheers
Chris Maunder

New Hom Page Layout card sizes

OriginalGriff2-Sep-22 11:12

OriginalGriff

2-Sep-22 11:12

Taking away line breaks isn't a good idea - it leaves a "wall of text" which is intimidating, and thus less likely to be read. Look at your message here: the line breaks are there to make the content more readable, and to indicate small subject changes.

And automatic removal doesn't help noobs: if I'm having trouble working out what happened and how to fix it, then new members are going to feel really uncomfortable and probably bugger off. Which would obviously be a bad thing.

I know what you are trying to do, but ... this feels like a sledgehammer approaching an almond. Big Grin | :-D

Graeme_Grant31-Aug-22 13:28

31-Aug-22 13:28

The size of the card is incosistent and causing staggered layout - see second row.

IMHO, this is not a clean look.

Also, the darkened card background and borger looks a bit aged, sorry. As a suggestion, I would be more inclined to do the following:

CSS

.homepage .timeline .container-col2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 !important;
    gap: 1rem;
}

then for each card:

CSS

.homepage .timeline .container-col2>div {
    width: calc(50% - 3rem);
    padding: 16px 20px 0px !important;
    box-shadow: rgb(0 0 0 / 8%) 2px 4px 8px 2px;
    border-radius: 0.4rem;
}

Then push the tags to the bottom of the card so they all line up...

But that is just me ... Cool | :cool:

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

Chris Maunder31-Aug-22 15:39

31-Aug-22 15:39

We've gone back and forth on this one.

The big issue is that not all articles have thumbnails. Previously I had placeholders that represented the article type, but I'm so, so over that. It added no value. So the decision was made to show articles with thumbnails large than articles without - with the hope that authors would spend a moment to add a nice thumbnail.

But again the issue then comes down to heading wrapping. Long headings mean more room. We can trim, or add ellipsis, but neither are great.

We could place the items in a grid. That would be...OK. But there'd be odd whitespace. Or we do what we do and we have, well, odd alignment (but a fairly standard newspaper-ish style). Or we go back to 1 column and have awful whitespace. My preference is definitely for a denser layout.

Background vs shadow. My true preference was neither, and I may yet remove the background shade and border. We just needed a way to delineate the items clearly. More whitespace is the better solution.

cheers
Chris Maunder

Graeme_Grant31-Aug-22 15:51

31-Aug-22 15:51

Yeah, hard one ... a placeholder image for no image would be the go-to. The staggered/mason layout is not that pretty.

Heading, yeah, that is a tough one.

I used flex, that allows for scaling the layout easily for media breakpoints. It is also easy to place sections...

Heading Image, Description, & Tag are fixed [scalable] sizes ... the Title & Descriptions are top-aligned and ellipsed are a certain number of lines. for the heading, maybe bottom aligned... Want me to mock something?

As for the card edge, drop shadow is more modern. If not that, don't use border as it affects layout calculations, use outine instead.

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

Chris Maunder1-Sep-22 5:39

1-Sep-22 5:39

I'm more than happy to take suggestions so would love to see your ideas.

cheers
Chris Maunder

Graeme_Grant1-Sep-22 7:07

1-Sep-22 7:07

I'll try and knock something together later today...

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

Graeme_Grant1-Sep-22 21:14

1-Sep-22 21:14

I took the liberty to change the layout so that changes to the html & css are minimal. Elements keep their order in the html code. Also, I have used a placeholder image where the author supplies none (sorry Fred for replacing your image Cool | :cool:

).

Have a look at this:

I had to remove (comment out) the div wrapper around the image and text and rename a div class from text to description - see below:

HTML

<!-- <div class="description"> -->
    <div class="thumbnail">
        <a href="/Articles/5338801/Build-NFT-Collection-Web3-Application-with-Hardha"
            ><img
                src="/img/missing-article-image.png"
                style="width: 400px; height: auto"
        /></a>
    </div>
    <div class="description">
        Use React and hardhat typescript to build a NFT contract web3 application from scratch
    </div>
<!-- </div> -->

Then used the following scss:

CSS

.homepage {
    .timeline {
        .message-list {
            padding-bottom: 10px;
            font-size: 16px !important;
        }

        .container-col2 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            padding: 0 !important;
            gap: 1rem;

            >div {
                width: calc(50% - 0.5rem);
                padding: 16px 20px 0px !important;
                box-shadow: rgb(0 0 0 / 8%) 2px 4px 8px 2px;
                outline:rgb(0 0 0 / 8%) solid 1px;
                border-radius: 0.4rem;
                background-color: #fff;
            }

            .content-list-item {
                display: flex;
                flex-direction: column;
                align-items: stretch;
                min-height: 100%;
                padding-bottom: 1em;

                &.medium {
                    margin: 0 5px 14px 0;

                    .title {
                        flex-shrink: 0;
                        order: 2;
                        padding: 0;
                        margin-top:.5em; // added extra padding
                        font-size: 22px !important;
                        line-height: 125%;
                        font-weight: 500;

                        a {
                            color: #005782;
                            &:hover {
                                color: #069;
                            }
                        }
                    }
                }

                .entry {
                    flex-shrink: 0;
                    order: 2;
                    font-size: 11px;
                    font-weight: normal;
                    color: #999;
                    margin: 4px 0 5px;
                    line-height: 20px;
                }

                .thumbnail {
                    flex-shrink: 0;
                    order: 1;
                    //min-height: 266.667px;
                }

                .description {
                    flex-shrink: 0;
                    order: 2;
                }

                .tags {
                    flex-grow: 1;
                    order: 2;
                    display: flex;
                    align-items: flex-end;
                    /* justify-content: flex-start; // left aligned */
                }

                .read-later {
                    vertical-align: baseline;
                    height: fit-content;

                    &:hover {
                        background-color: #f90;
                        color: #fff;
                    }
                }
            }

        }
    }
}

It's in a mock project that I can share with you... Thoughts?

[edit] If you wanted animated content card border:

CSS

>div {
    width: calc(50% - 0.5rem);
    padding: 16px 20px 0px !important;
    border-radius: 0.4rem;
    background-color: #fff;
    box-shadow: 1px 1px 0 rgba(0,0,0,3%),
        -1px 1px 0 rgba(0,0,0,3%),
        1px -1px 0 rgba(0,0,0,3%),
        -1px -1px 0 rgba(0,0,0,3%);
    border-radius: 0.4rem;
    transition: box-shadow .6s cubic-bezier(.43,.195,.02,1);

    &:hover {
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%),
            0 2px 3px rgb(0 0 0 / 5%),
            0 4px 6px rgb(0 0 0 / 5%),
            0 8px 12px rgb(0 0 0 / 5%),
            0 12px 24px rgb(0 0 0 / 5%);
    }
}

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

modified 2-Sep-22 11:21am.

Chris Maunder2-Sep-22 11:49

2-Sep-22 11:49

That's interesting. Having the image top, then the heading, avoids image mis-alignment (mostly).

I'm not a fan of image placeholders (one of the reasons for this design tweak). If an author doesn't provide an image that's suitable for a thumbnail, then maybe it's just not a visual article and we should leave it at that. Sean is going through articles and adding appropriate thumbnails where it makes sense, but we're erring on the side of a light touch on this.

cheers
Chris Maunder

Graeme_Grant2-Sep-22 13:01

2-Sep-22 13:01

Chris Maunder wrote:
I'm not a fan of image placeholders (one of the reasons for this design tweak).

I do hear you, but does throw out card alignment... I guess masonry is the only option then.

As for the (mostly) Image alignment in my sample, that was due to the height: auto calulation was 266.667px...

Here is the placeholder that I used, just in case you want to have a better look:

Graeme

"I fear not the man who has practiced ten thousand kicks one time, but I fear the man that has practiced one kick ten thousand times!" - Bruce Lee

Chris Maunder6-Sep-22 4:49

6-Sep-22 4:49

I was thinking about masonry but I can't help think that's probably overkill. I'm sure we can dodgy something up that will achieve a reasonable layout without the overhead

cheers
Chris Maunder