Fix CSS/JS Issues + QOL Improvements

[1337Syntax]

Issues Addressed in this PR:

• Fixed Missing Embed Colours
• Fixed Emojis being Mis-Aligned on Button Labels & Normal Text Content
• Fixed the Un-Equal Footer Width (Padding on the Left was More than the Right Side)
• Fixed User Pop-Out not Appearing
• Fixed Scrolling when Clicking Message Replies/etc
• Fixed quick_export() (Was Raising due to attachment_handler Arg Missing)

New Features:

• Hover on User Avatars
• Clicking Buttons/Images/Assets will Open in New Tab
• Changed BOT Tag to the New APP Tag
• Slightly Updated README on the AttachmentHandler Section

[1337Syntax]

Oops, I forgot I was on master branch, my mistake. Reverted those README Changes @mahtoid.

[mahtoid]

It would be good if you could provide screenshots on changed too where applicable. I won't be able to spin up and check anytime soon, so screenshots will give me some sanity 👀

[1337Syntax]

It would be good if you could provide screenshots on changed too where applicable. I won't be able to spin up and check anytime soon, so screenshots will give me some sanity 👀

Here are 2 links to transcripts generated that should hopefully work and show some of the changes.

• Before Commits
• After Commits

From those you should be able to see the difference in embed colours, emoji mis-alignment, button padding, footer width, user pop-outs, hover on avatar and scrolling on messages.

For reference, they were generated via the following:

transcript = await chat_exporter.raw_export(
    channel=channel,
    messages=messages,
    tz_info="UTC",
    bot=bot,
    military_time=True,
    fancy_times=True,
    support_dev=False
)

I also did a commit to fix the bug where hovering over a message shows "AM/PM" on the left of it instead of the actual time "MIN:HR".

[1337Syntax]

Thanks for the suggestions @doluk, I've committed those in.

[doluk]

@1337Syntax could you please generate the example again? once with military and once with 12h time format?

[1337Syntax]

@1337Syntax could you please generate the example again? once with military and once with 12h time format?

• New 12h Format
• New 24h Format

[doluk]

the time is 24 h in both 🧐

[1337Syntax]

the time is 24 h in both 🧐

Seems that only the timestamp in the aside message part actually checks for military time usage whereas the other timestamps do not. I have pushed a commit to now fix that.

• New(er) 12h Format
• New(er) 24h Format

[doluk]

looks good to me now! Thank you for the work and the fast changes!