icon is missing for alternative logins

[phenomlab]

@crazycells said in icon is missing for alternative logins:

but without putting my avatar on the right side of the page, I am not sure if that is giving people a natural conversation feel. This is how we got used to it from messaging apps.

Hmm - yes, that’s a really good point actually - and a fantastic idea which I’m highly likely to implement. Obviously, this wouldn’t be the case on mobile as the screen estate doesn’t permit this, but I really like the concept, and it would certainly make it feel more like a messaging app.

[crazycells]

@phenomlab

maybe, you can also lean the full-sized posts to the left side (by creating a dead space on the right side of the post?)… these zigzag conversation bubbles are what we are seeing in all messaging apps these days…

[phenomlab]

@crazycells I’ve been playing with some concepts, which are enclosed below. I think you’re right - this does look much better

Example 1 - fixed width content

Example 2 - full width content

My personal preference is example 2 as this uses the full width of the .content div, but still provides clear indication of a conversational thread.

[crazycells]

@phenomlab

unfortunately, I cannot see the previews…

[phenomlab]

@crazycells hmm. That’s odd - works for me. Are you able to right click and save as ?

They are webm format so should work natively. I can make gif versions but these will be much larger in size.

[phenomlab]

@crazycells I went ahead and added the custom CSS. I think you’ll like it, but you probably need to reload the browser to pick up the new code.

[crazycells]

@phenomlab said in icon is missing for alternative logins:

@crazycells hmm. That’s odd - works for me. Are you able to right click and save as ?

They are webm format so should work natively. I can make gif versions but these will be much larger in size.

I cannot see them on Firefox or Safari… Fyi…
I tried to save it as a video, but nothing happens when I click it.

[phenomlab]

@crazycells No need now - if you reload the page, you’ll see the CSS implemented anyway

[crazycells]

@phenomlab said in icon is missing for alternative logins:

@crazycells I went ahead and added the custom CSS. I think you’ll like it, but you probably need to reload the browser to pick up the new code.

wow, that feels nice

now it is more like a conversation. But your account is not always on the right side, right? only the “author” looks on the right side, everyone else is on the left ?

[phenomlab]

@crazycells That’s correct. The HTML layout is limited to specific classes, so you have to follow them unless you fancy hacking the underlying HTML. To me, this is a nice compromise, and could easily be expanded with some clever jQuery

[phenomlab]

@crazycells said in icon is missing for alternative logins:

But your account is not always on the right side, right? only the “author” looks on the right side, everyone else is on the left ?

Just re-reading this, and I think I see your point. Do you think that “you” should always be on the right-hand side (based on the screenshot from META you provided) ?

[crazycells]

@phenomlab said in icon is missing for alternative logins:

@crazycells said in icon is missing for alternative logins:

But your account is not always on the right side, right? only the “author” looks on the right side, everyone else is on the left ?

Just re-reading this, and I think I see your point. Do you think that “you” should always be on the right-hand side (based on the screenshot from META you provided) ?

yeah, I believe this is what chat apps do… They always put you on the right side, and change colors, so you can focus on what others write…

[phenomlab]

@crazycells Got it. Leave it with me. I like this idea, and will probably implement, but need to review the HTML structure first.

[phenomlab]

@crazycells https://sudonix.org/topic/352/new-messenger-style-conversation-view/5?_=1666117660135

[crazycells]

@phenomlab said in icon is missing for alternative logins:

@crazycells I’ve been playing with some concepts, which are enclosed below. I think you’re right - this does look much better

Example 1 - fixed width content

Example 2 - full width content

My personal preference is example 2 as this uses the full width of the .content div, but still provides clear indication of a conversational thread.

Hi @phenomlab , I can see these videos on Google Chrome right now sorry, I did not realize Firefox was the problem before…

I think both version 1 and version 2 have different feelings. Is it easy to switch between the two?

[phenomlab]

@crazycells sadly, no. It’s one or the other. As this leverages global CSS it would mean maintaining individual classes that are necessary to create the different view types.

[crazycells]

hi @phenomlab , I am having a hard time seeing what is written in code boxes… I believe that is not intended?

This is how it looks, and actually taking a screenshot made the codes more visible… it normally does not even look as good.

[phenomlab]

@crazycells That’s a caching issue - it should look like this

And in an incognito session

Can you clear your browser cache and try again?

Thanks

[crazycells]

@phenomlab yes you are right it is fixed now… thanks.