fix: let's reduce message padding on mobile

This commit is contained in:
Andy Burke 2025-08-20 14:31:52 -07:00
parent 4c0a8bb700
commit 4ed010af41
2 changed files with 16 additions and 1 deletions

View file

@ -37,7 +37,7 @@ feature discussions.
- [X] split the monolithic talk.html up
- [ ] chat message processing
- [X] auto-link urls
- [X] use this regex: `(?:(?<protocol>[a-zA-Z]+):\/\/)?(?:(?<auth>(?<username>\S.+)\:(?<password>.+))\@)?(?<host>(?:(?<hostname>[-a-zA-Z0-9\.]+)\.)?(?<domain>[-a-zA-Z0-9]+?\.(?<tld>[-a-zA-Z0-9]{2,64}))(?:\:(?<port>[0-9]{1,6}))?)\b(?<path>[-a-zA-Z0-9@:%_{}\[\]<>\(\)\+.~&\/="]*)(?:\?(?<query>[a-zA-Z0-9!$%&<>()*+,-\.\/\:\;\=\?\@_~"]+))?(?:#(?<hash>[a-zA-Z0-9!$&'()*+,-\.\/\:\;\=\?\@_~"]*?))?`
- [X] use this regex: `(?:(?<protocol>[a-zA-Z]+):)?(?:\/\/)?(?:(?<auth>(?<username>\S.+)\:(?<password>.+))\@)?(?<host>(?:(?<hostname>[-a-zA-Z0-9\.]+)\.)?(?<domain>(?:[-a-zA-Z0-9]+?\.(?<tld>[-a-zA-Z0-9]{2,64}))|localhost)(?:\:(?<port>[0-9]{1,6}))?)\b(?<path>[-a-zA-Z0-9@:%_{}\[\]<>\(\)\+.~&\/="]*?(?<extension>\.[^\.?/#"\n<>]+)?)(?:\?(?<query>[a-zA-Z0-9!$%&<>()*+,-\.\/\:\;\=\?\@_~"]+))?(?:#(?<hash>[a-zA-Z0-9!$&'()*+,-\.\/\:\;\=\?\@_~"]*?))?(?:$|\s)`
- [ ] :emoji: replacements
- [ ] preview cards for links
- [ ] add a button to allow for loading a preview
@ -51,6 +51,7 @@ feature discussions.
- [X] tidal
- [X] spotify
- [ ] youtube (any way to differentiate for yt music?)
- [X] direct uploads
- [ ] add action buttons to embeds
- [ ] copy original link (hopefully just a button with some onclick we can slap next to the iframe and style?)
- [ ] toggle embed (toggle between showing the embed and the original link)

View file

@ -371,4 +371,18 @@
#talk #room-chat-container #room-chat-entry-container form label {
margin: 0 0.5rem;
}
#talk .message-container .message-content-container {
padding-left: 4rem;
}
#talk .message-container .info-container .datetime-container .long {
display: none;
visibility: hidden;
}
#talk .message-container .info-container .datetime-container .short {
display: inline-block;
visibility: visible;
}
}