icon is missing for alternative logins

[phenomlab]

@crazycells The indentation you are seeing is part of the theme. Is this what you are referring to?

Note, the first post from me, which of course is indented. This generates a conversation flow, and I’ve no plans to change or remove this.

[crazycells]

@phenomlab yes, this is what I was talking about.

If that is intended, then no problem. But I feel, the arrow in the red box already does a very similar job, so it was different for me.

After you said this, I understand what you are trying to do, 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.

[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