Thank you Mark, the changes look fantastic!!

A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below

<iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe>

This works first time every time on your site as intended.

@phenomlab Perfect!!! Many thanks.

No problem dude !

I hope you have a good vacation. Enjoy your loved ones!

@Madchatthew said in TNG + Nodebb:

you have to try and use duck tape and super glue to change something to make it do what you want it to do

I couldn’t have put that better myself.

@phenomlab thank you very much for the assistance Mark, massively appreciated as always.

The great thing about this is it’s all documented for other NodeBB users that come looking for solutions 😃.

Looks far better 🤝👍🏻.

@Panda if you used the Ubuntu PPA, I think this only goes as far as 6.x if I recall correctly.

@crazycells said in CSS code customization for the link preview plugin:

does OGProxy show the pdf previews as well?

Not yet, but it could with a bit of additional code.

@Norrad Are you looking for anything in particular? I only ask because Sudonix uses a number of custom functions which I wrote, but all are available on GitHub and fully supported here.

@crazycells it is, yes - I think I’ll leave it as there is no specific PWA CSS classes I know of. Well, you could use something like the below, but this means multiple CSS files for different operating systems.

/** * Determine the mobile operating system. * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'. * * @returns {String} */ function getMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; // Windows Phone must come first because its UA also contains "Android" if (/windows phone/i.test(userAgent)) { return "Windows Phone"; } if (/android/i.test(userAgent)) { return "Android"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { return "iOS"; } return "unknown"; // return “Android” - one should either handle the unknown or fallback to a specific platform, let’s say Android }

Once you’re in that rabbit hole, it’s impossible to get out of it.

@crazycells ah, I see. That makes sense.

@crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.

@phenomlab yes, it is 🙂 thanks a lot…

@crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check.

EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right…

.bottombar-nav { padding: 0px !important; }

I’ve removed this so it reflects stock Harmony.

I just wanted to ask because I don’t have much knowledge about the new installation.
Thank you for the explanatory answer.

Yes ogproxy too is functionnal on dev

@phenomlab thank you very much, this was helpful. Everything looks ok 🙂

@phenomlab oh no, that is 1 cent on the video, but you are right, symbols are similar… I just converted it to $1 , since it is more intuitive in daily life…

@crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler!

EDIT - seems this is pretty straightforward, and only needs the below CSS

.upvoted i { color: var(--bs-user-level) !important; }

This then yields

3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png

However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request

however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)