summaryrefslogtreecommitdiff
path: root/ui/styles
Commit message (Collapse)AuthorAge
* Fix up input to be a contenteditable divKit La Touche2025-05-11
|
* Merge branch 'prop/outbox-message-ui'Owen Jacobson2025-05-08
|\
| * Render messages as ghosts when there's a pending delete, too.Owen Jacobson2025-05-06
| |
| * Render "ghost" messages for unsent messages.Owen Jacobson2025-05-06
| | | | | | | | | | | | | | | | | | | | | | There is a subtle race conditon in this code, which is likely not fixable without a protocol change: * Ghost messages can disappear before their "real" message replacement shows up, if the client finishes sending (i.e., receives an HTTP response on the POST) before the server delivers the real message. * Ghost messages can be duplicated briefly, if the client receives the real message before the client finishes sending. Both happen in practice; we make no ordering guarantees between requests. To aviod this, we'd to give clients a way to correlate pending sends with received messages. This would require fundamentally the same capabilities, like per-operation nonces, that preventing duplicate operations will require.
| * Use a more targetted selector to control link text colours inside of messages.Owen Jacobson2025-05-06
| | | | | | | | Using a wildcard selector here makes this rule surprisingly hard to override, which will be a problem for styling unsent messages.
* | Split up link colours and use fewer wildcard patterns to re-style them.Owen Jacobson2025-05-06
|/ | | | | | This was causing problems with message colouring, as these rules had specificity similar to constructs like `.message.deleted`. This approach removes their browser default styles, then adds styling specific to the channel sidebar, the app bar, and the message view.
* Force the text colour for links in the channel list to something with decent ↵Owen Jacobson2025-04-21
| | | | | | | | contrast. We were ending up with colours picked by a more specific rule (`a, a:hover, a:visited, a:active`, from `app.css`), which was suppressing the colours we wanted. This is not a particularly elegant solution, but it is _an_ solution. Code organized this way to avoid giving `a` elements a background colour.
* Be a bit more careful with the nesting of anchors and list items.Owen Jacobson2025-02-21
| | | | Browsers cope with weird nestings mostly fine, but there's no upside for us in testing that.
* Remove duplicate `content` hack from reset.Owen Jacobson2025-02-21
| | | | | | According to <https://stackoverflow.com/a/6803278>, this was needed for old versions of Safari. However, since at least 2022, Safari has supported `content: none` just fine. Related Safari bug (still open as of this writing, comments relevnat): <https://bugs.webkit.org/show_bug.cgi?id=20032>
* Provide fallback generic fonts for our custom fontsOwen Jacobson2025-02-21
|
* Remove nonexistent CSS variableOwen Jacobson2025-02-21
|
* Remove references to nonexistent italic variants of FiraCodeOwen Jacobson2025-02-21
|
* npm formatOwen Jacobson2025-02-15
|
* Change default body font to RobotoKit La Touche2025-02-08
| | | | Let's try this.
* Style form placeholders and buttonsKit La Touche2025-01-19
|
* Fix bold and italic font considerationsKit La Touche2025-01-19
|
* Make small tweaks for mobile devicesKit La Touche2025-01-19
|
* Make mobile UI look a little betterKit La Touche2025-01-17
| | | | The rounded corners on an iPhone shouldn't be cut off now.
* Make handle text light, so it's legibleKit La Touche2025-01-14
|
* Merge branch 'main' into wip/fontsKit La Touche2025-01-13
|\
| * npm run formatOwen Jacobson2025-01-11
| |
| * Remove padding around the app-bar logo button, to stop safari from laying it ↵Owen Jacobson2025-01-11
| | | | | | | | out overlapping with the main area
| * Use margins, rather than alternating float/non-float elements, to lay out ↵Owen Jacobson2025-01-11
| | | | | | | | own/other messages.
| * Reinstate delete-armed message colouringOwen Jacobson2025-01-09
| |
| * Rectilinear sidebar, rather than rounded. The rounded corners were leaving ↵Owen Jacobson2025-01-09
| | | | | | | | some visually-displeasing shapes and gaps near the bottom of the app.
* | Add initial fontsKit La Touche2025-01-13
|/ | | | | We're not using Overlock currently, but I think it'll be good on headers and stuff?
* Take the edge off the text coloursKit La Touche2025-01-06
|
* Fix message handle positionKit La Touche2025-01-06
|
* Make all text in active channel same colourKit La Touche2025-01-05
|
* Fix up active and hover sidebar stylesKit La Touche2025-01-05
|
* Stylize channel badgesKit La Touche2025-01-05
|
* A bit more stylingKit La Touche2025-01-05
|
* Stylize more betterKit La Touche2025-01-05
|
* Style /me routeKit La Touche2025-01-04
|
* Stylize app barKit La Touche2025-01-04
|
* Set a sample colourKit La Touche2025-01-04
|
* Do a lot of stylingKit La Touche2025-01-04
|
* Variablize more coloursKit La Touche2025-01-04
|
* Add username class to username spanKit La Touche2025-01-04
|
* Update colour variablesKit La Touche2025-01-04
|
* Just oh so many stylesKit La Touche2025-01-01
|
* Add in some hand-rolled stylesKit La Touche2024-12-30