Commit Graph
100 Commits
Author SHA1 Message Date
chapoi c38bbdf88a UX: update search menu styling to cmd-k style (#24181)
* UX: update search menu styling to cmd-k style

* put back focus style
2023-11-02 06:55:58 +01:00
chapoi 05e810e3bf UX: update composer border colour (#24176) 2023-10-31 13:51:10 +01:00
chapoi b6f9bc556e UX: remove border radius and box shadow (#24135) 2023-10-27 11:02:42 +02:00
chapoi e2d9117378 UX: change to input field + label styling (#24060) 2023-10-23 17:36:36 +02:00
chapoi 9d1726fe2b UX: better align user count (#23941) 2023-10-16 13:28:35 +02:00
chapoi 29beaff25b FIX: revert (edited) layout in chat message (#23927)
* Revert "UX: place (edited) on same line (#23866)"

This reverts commit c1017a479b.

* Revert "UX: prevent (edited) and following from being copied (#23882)"

This reverts commit 563bff509a.
2023-10-13 13:01:56 +02:00
chapoi 563bff509a UX: prevent (edited) and following from being copied (#23882) 2023-10-10 20:16:57 +02:00
chapoi 7f580a3083 UX: Composer and sidebar better fit (#23841) 2023-10-10 20:01:08 +02:00
chapoi c1017a479b UX: place (edited) on same line (#23866)
Attempts to have the `(edited)` text on the same line than the content when possible. Impossible cases include: onebox, youtube video, ...
2023-10-10 11:00:16 +02:00
chapoi 85c6914f80 UX: thread list fixes for alignment and more spacing on mobile (#23823)
* UX: fix padding on active touch
* UX: thread list header bigger + alignment
* UX: thread list alignment desktop
* UX: visual corrections to alignment
* UX: mobile alignment and padding
2023-10-07 11:06:16 +02:00
chapoi cac5592251 UX: flat design for thread list (#23821)
* UX: thread list flat design

* UX: thread list mobile
2023-10-06 21:56:36 +02:00
chapoi 478e738bfd UX: keep timestamp on single line (#23819) 2023-10-06 20:07:52 +02:00
chapoiandDavid Battersby 057c2012f0 UX: remove excerpt + style change to thread list item (#23776)
UX changes to thread item:

- drop "last reply" timestamp copy
- drop last reply excerpt
- show up 9+OP members

Co-authored-by: David Battersby <info@davidbattersby.com>
2023-10-06 15:11:04 +02:00
chapoi 8823b5e504 UX: fix overflow channel row + mobile remove styling tweak (#23611)
* UX: fix missing overflow ellipsis

* cleanup double declaration

* UX: add missing border-radius

*UX: delete icon animation tweak
2023-09-15 14:06:31 +02:00
chapoi 02de223da8 UX: chat-channel-row alignment (#23607) 2023-09-15 10:09:50 +02:00
chapoi cde5dea74f UX: popping animation for adding users (#23459)
* UX:  popping animation for adding users

* accessibility wrapper
2023-09-07 15:42:49 +02:00
chapoiandJarek Radosz bf971b022d UX: lower z-index (#23386)
* UX: lower z-index

* Update plugins/chat/assets/stylesheets/common/chat-side-panel-resizer.scss

Co-authored-by: Jarek Radosz <jradosz@gmail.com>

---------

Co-authored-by: Jarek Radosz <jradosz@gmail.com>
2023-09-04 22:30:51 +02:00
chapoi c9c2a73441 UX: thread list design changes (#23348) 2023-08-31 18:09:41 +02:00
chapoi a97dcd8564 UX: composer fixes (#23334)
* UX: fix disappearing separator

* UX: slightly smaller composer btns on non-mobile
2023-08-30 15:10:21 +02:00
chapoi 3bcbb2444a UX: chat composer (#23267)
* UX: make composer buttons less wide

* UX: fix disappearing separator
2023-08-25 13:16:58 +02:00
chapoi a2f5b1b101 UX: improved animation (#23145) 2023-08-18 11:59:54 +02:00
chapoi cd5a9a2775 UX: add transition (#23034) 2023-08-10 10:28:59 +02:00
chapoi ca1671023a UX: align tags to top in modal (#23055)
* UX: align tags to top in modal

* UX: fix alignment in grid with multiple rows
2023-08-10 10:26:25 +02:00
chapoi bda3ead644 UX: prevent overscroll behaviour in composer (#23056) 2023-08-10 10:23:41 +02:00
chapoi a846226e92 UX: micro animations chat input (#23030) 2023-08-09 12:58:36 +02:00
chapoi a1899996d0 UX: Add bookmark-delete icon (#23025) 2023-08-09 10:51:09 +02:00
chapoi 984dd89cb4 Revert "UX: fix alignment extra buttons in post controls" (#22876)
This reverts commit 507551ea73.
2023-07-31 14:46:36 +02:00
chapoi 6a67d69f7a UX: fix alignment extra buttons in post controls (#22872) 2023-07-31 11:55:46 +02:00
chapoi 7b3f9dc86b UX: different way of centering chat notice to accommodate longer texts (#22779)
* UX: different way of centering chat notice to accommodate longer

* linting

* UX: keep close button in top right corner
2023-07-27 15:53:43 +02:00
chapoi d10fd697b4 UX: responsive oneboxing with images in chat (#22824)
* UX: fix narrow oneboxing with images in chat

* UX: more responsive oneboxing

* UX: onebox-avatar limits

* ony flex non onebox-avatars
2023-07-27 13:57:30 +02:00
chapoi 5a36abd073 UX: category hashtag colors order fix (#22758)
* UX: revert gradient of category hashtag colours

* tests
2023-07-24 14:36:56 +02:00
chapoi 346ccfd7f5 UX: firefox fix for shorthand modal width (#22638) 2023-07-17 13:16:45 +02:00
chapoi e4deba0075 UX: size down unread indicators fror drawer/mobile (#22636) 2023-07-17 12:54:00 +02:00
chapoi ab67b2bda9 UX: more border-radius removal from chat (#22542) 2023-07-12 14:30:06 +02:00
chapoi 9576aab391 UX: z-index for for tippy box in chat (#22541) 2023-07-12 14:29:44 +02:00
chapoi 83352e93ff UX: double scroll fix for keyboard shortcuts modal (#22535) 2023-07-11 16:30:53 +02:00
chapoi 8c74bb6573 UX: lower border radius for channel cards (#22513) 2023-07-10 19:07:01 +02:00
chapoi 0ce0bcd8ff Remove border radius from chat (#22437)
* add border-radius-large variable

* UX: replace chat border-radius with variable
2023-07-10 15:07:38 +02:00
chapoi c7cebbfe38 UX: change z-index of thread resizer to be below emoji popup (#22505) 2023-07-10 12:27:55 +02:00
chapoi c2b98802ea UX: message creator spacing and sizing on mobile + fix text wrapping (#22508)
* UX: mobile more spacing and bigger

* UX: align text better

* UX: ellipsis and pill bg colour

* UX: disabled-chat msg styling
2023-07-10 12:27:26 +02:00
chapoiandMartin Brennan ee1dbd46c6 UX: Thread indicator small fixes (#22389)
* UX: make timestamp font size smaller

* UX: participants use copy instead of avatar

* FIX: Move thread participant count into i18n

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-07-04 10:32:09 +02:00
chapoi 2548b819be UX: add max-width to thread indicator (#22282) 2023-06-27 09:30:15 +02:00
chapoi 802fb3b194 UX: chat message thread indicator improvements (#22224)
- gridified the thread message indicator, alleviating some problems with positioning and overflow
participant avatars will overlap/smush on smaller size and mobile
- the excerpt went from 3 > 2 lines of wrapping on smaller size, still 1 line on large size
- dropped the copy of "last reply"
- fixed wrong line height
- moved the "x replies" over to the right near the participants, as that makes more sense
- using a bubble to indicate other participants, instead of copy

This PR introduces the @container query, which is experimental. Nothing will break when it's being viewed in a not-supported browser, but it will be less elegant.
2023-06-26 14:47:13 +02:00
chapoi a2a31eb420 UX: adding max height to image in chat blockquote (#22255)
* UX: adding max height to  blockquote image in chat
2023-06-23 10:33:12 +02:00
chapoi bb4b60d624 UX: remove rounded border on hover lightbox (#22080) 2023-06-13 13:31:28 +02:00
fca6c1836c UX: Chat unread indicator refactor (#22040)
* move the chat unread indicator to top to match the profile avatar indicator
* add white border to profile avatar indicator (badge notification) to match chat indicator and userstatus styling
* change `.urgent` to BEM
* congregate all styling into mixin
  * update chat index to use mixin
  * update thread indicator to use mixin
  * update header indicator to use mixin

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Co-authored-by: Martin Brennan <martin@discourse.org>
2023-06-12 14:33:45 +10:00
chapoi 86facadec1 FIX: apply chat header icon indicator style to urgent only (#21967)
* FIX: apply chat header icon indicator style to urgent only

* UX: smaller padding
2023-06-07 06:42:51 +02:00
chapoi 9809103ed9 UX: fix number cutoff in header chat indicator (#21946)
In the chat header indicator, expand to a pill when the number reaches
N digits, and also display 99+ if the number is over 99.
2023-06-07 11:42:08 +10:00
chapoi 8c4cbd748d UX: fix greyed out add button in chat composer when focussed (#21947) 2023-06-06 11:18:50 +02:00
chapoiandMartin Brennan d40649c648 UX: chat channel header icons (#21887)
* UX: BEM fix for has-unreads

* UX: small refactor for chat channel header icons

* UX: refactor chat thread unread indicator

* UX: channel header thread icon hover styling

* DEV: Spec fixes

* UX: fix font + line-height

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-06-02 10:34:19 +02:00
chapoi 9616a08fa6 UX: Add show more btn to reviewable item (#21579) 2023-06-01 11:55:27 -07:00
chapoi 1f37fe5fa5 UX: chat composer buttons refactor + emoji (#21852)
- Made the emoji btn blue when composer is focused
- Moved everything chat-composer-button to its own file and BEM-ified it and making the choice to only work with our own is-disabled definition instead of with the attribute :disabled, for consistency
2023-05-31 15:12:35 +02:00
chapoiandJoffrey JAFFEUX 5bf2dca24a UX: add support for flagged chat message in reviewqueue (#21802)
* UX: add support for flagged chat message in reviewqueue

* correctly init a chat message object

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2023-05-29 10:02:02 +02:00
chapoi 4f8dbe345f UX: add indicator for msg from currentUser (#21657)
* UX: add indicator for msg from currentUser

* move up a level
2023-05-19 11:33:56 +02:00
chapoi 7444ab006d UX: General chat composer tweaks (#21639)
- prevent hover on disabled state
- more contrast between focus and not focus for send button
2023-05-18 15:15:10 +02:00
chapoi ab4e2bed84 UX: minor fix with new composer and reply/edit (#21634) 2023-05-18 12:04:14 +02:00
chapoi 4d0b997559 UX: add more mass to thread icon (#21611) 2023-05-17 12:05:58 +02:00
chapoi 4c476b42b0 UX: chat composer styling on focus (#21603) 2023-05-17 07:10:02 +02:00
chapoiandMartin Brennan 7032733f10 FIX: Add new chat threads icon and move thread list button to right (#21575)
* DEV: add new thread icon

* FIX: Use new thread icon, fix typo in SVG

UX: move the thread list icon to the right of
the collapse button

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-05-16 11:48:01 +02:00
chapoi dc2223b8be UX: better copy for generic error msg (#21554)
* UX: better copy for generic error msg
2023-05-15 16:26:43 +02:00
chapoiandMartin Brennan 34f16f0ee8 UX: update copy of badges granted to others (#21548)
* UX: update copy of badges granted to others

* add plural

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-05-15 10:21:20 +02:00
chapoi 74f01b8cbd UX: hide settings btn when disabled
Also sets lighter border on hover
2023-05-15 07:53:30 +02:00
chapoi f29f131387 UX: composer use BEM + small tweaks to enabled/disabled styling (#21246)
- using BEM notation
- making animation linear instead of default ease
- small tweaks to composer state (disabled/send-disabled/send-enabled)
- fixing bug with disabled composer on mobile
2023-04-28 10:24:49 +02:00
chapoi 1372c5c435 UX: onebox/blockquote/chatreaction slight accent colour change (#21252) 2023-04-26 15:11:20 +02:00
chapoi ba2adc7793 UX: chat thread hover (#21181)
* UX: switch standard message hover to new hover colour var

* UX: chat thread indication minor design changes
2023-04-20 16:32:21 +02:00
chapoiandJoffrey JAFFEUX c57f423083 UX: remove new message element from chatpane (#21143)
* UX: remove new message element

* Update chat-scroll-to-bottom-arrow.hbs

* Linting

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2023-04-19 01:54:15 +02:00
chapoi 4b02fa7082 UX: slight design changes to chat timestamp (#21144) 2023-04-19 01:54:02 +02:00
chapoi fbdafd712b UX: improve contrast of overridden setting indicator dot (#21128) 2023-04-18 09:09:38 +02:00
chapoi 0f7eeb5500 FIX: apply clear-transition class to correct wrapper for chat drawer (#21129) 2023-04-18 08:37:13 +02:00
chapoi b8583f274d UX: prevent overflow in description (#21124) 2023-04-18 04:20:25 +02:00
chapoi 9e269f993b FIX: overflow of channel title in preview card (#21112) 2023-04-17 15:05:59 +02:00
chapoi 6e2fd7a451 UX: Chat channel title overflow ellipsis fixes (#20956)
* UX: add correct class

* UX: prioritise name over user messages when truncating

* UX: add missing overflows to enable ellipsis
2023-04-04 12:44:36 +02:00
chapoi df31b8dd2e UX: reviewq flagging (#20913)
* DEV: add context question to flagged chat messages too

* UX: added -ai-flagged badge colour + grey fallback

* UX: add one more badge name
2023-04-02 12:16:26 +02:00
chapoiandMartin Brennan dd07e0dbd0 FIX: review q issues (#20558)
* DEV: specify type of flag in status

* FIX: passing missing parameter

* DEV: pass type for reviewable score table

* UX: add missing queued-topic styling

* UX: fix img overflow

* UX: add styling for queued user

* UX: fix user flag color

* UX: prevent overflow

* UX: add copy for filters

* FIX: fix typo in css for akismet flagging

* UX: copy change for flag something else

* UX: prevent overflow

* Fixing reviewable-status css classes

* Changes based on no longer using humanType

* Need to use type rather than humanType for reviewable-status

* FIX: linting

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-03-09 16:02:13 +01:00
chapoi 28f8bdf91d UX: remove visual chat msg staging effect (#20542) 2023-03-06 10:07:46 +01:00
e52bbc1230 UX/DEV: Review queue redesign fixes (#20239)
* UX: add type tag and design update

* UX: clarify status copy in reviewQ

* DEV: switch to selectKit

* UX: color approve/reject buttons in RQ

* DEV: regroup actions

* UX: add type tag and design update

* UX: clarify status copy in reviewQ

* Join questions for flagged post with "or" with new I18n function
* Move ReviewableScores component out of context
* Add CSS classes to reviewable-item based on human type

* UX: add table header for scoring

* UX: don't display % score

* UX: prefix modifier class with dash

* UX: reviewQ flag table styling

* UX: consistent use of ignore icon

* DEV: only show context question on pending status

* UX: only show table headers on pending status

* DEV: reviewQ regroup actions for hidden posts

* UX: reviewQ > approve/reject buttons

* UX: reviewQ add fadeout

* UX: reviewQ styling

* DEV: move scores back into component

* UX: reviewQ mobile styling

* UX: score table on mobile

* UX: reviewQ > move meta info outside table

* UX: reviewQ > score layout fixes

* DEV: readd `agree_and_keep` and fix the spec tests.

* Fix the spec tests

* fix the quint test

* DEV: readd deleting replies

* UX: reviewQ copy tweaks

* DEV: readd test for ignore + delete replies

* Remove old

* FIX: Add perform_ignore back in for backwards compat

* DEV: add an action alias `ignore` for `ignore_and_do_nothing`.

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
Co-authored-by: Vinoth Kannan <svkn.87@gmail.com>
2023-03-02 16:40:53 +01:00
chapoiandMartin Brennan ab46a05d77 UX: User badges tweaks (#20408)
* UX: fix standalone badge padding

* UX: badge number formatting

* UX: copy

* DEV: Add LinkTo for the admin-badges/show count text

* UX: user badge awarded style update

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-02-23 03:21:26 +01:00
chapoi 87de3c2319 UX: highlight vars updates (#20346)
* UX: replace highlight vars in popup menu

* UX: replace highlight vars in autcomplete

* UX: replace highlight vars in menu-panel

* UX: update style guide

* UX: bulk replace highlight vars in various small appearances
2023-02-21 10:15:49 +01:00
chapoi 8c80d330fa UX: apply skeleton animation on content only (#20376) 2023-02-20 18:54:00 +01:00
chapoi c8a4081a21 UX: add h1 tag to user page (#20378) 2023-02-20 17:26:14 +01:00
chapoiandGerhard Schlager b50a581c5d UX: badge page styling update (#20373)
* UX: change layout badge card

* UX:  copy change

* UX: badge list styling

* UX: make active badge styling more clear

* Update translation

Co-authored-by: Gerhard Schlager <gerhard.schlager@discourse.org>

* Include x in translation

Co-authored-by: Gerhard Schlager <gerhard.schlager@discourse.org>

---------

Co-authored-by: Gerhard Schlager <gerhard.schlager@discourse.org>
2023-02-20 15:14:54 +01:00
chapoi dc7a2f0d1a UX: remove fixed width from buttons (#20369) 2023-02-20 11:17:17 +01:00
chapoi 1a653d2ce9 Revert "Revert "Select-kit > use new color vars" (#20042)" (#20345)
This reverts commit 5f90790110.
2023-02-17 07:29:26 +01:00
chapoi 8465f53a35 UX: userstatus limit handling in UI (#20343)
* UX: handle long userstatus in menupanel

* UX: remove margin on userstatus emoji

* UX: change emoji sise of user status in DM creator

* FIX: user status overflow on chat index
2023-02-17 06:54:56 +01:00
chapoi 99eceab6bc UX: catch edge cases in tooltip (#20327) 2023-02-16 10:34:17 +01:00
chapoi 33ee46d62b UX: update chat draft icon colour (#20326) 2023-02-16 09:16:07 +01:00
chapoi f19044af6a UX: add transparent border for header icon (#20306) 2023-02-15 06:55:13 +01:00
chapoi 47abe61994 UX: add flex alignment for form actions (#20240) 2023-02-10 07:35:18 -06:00
chapoi d33d98f9c1 FIX: changed classname for YT images (#20212) 2023-02-08 05:57:36 +01:00
chapoi 2f8ad17aed UX: apply same style for highlight mention span (#20176) 2023-02-06 10:56:52 +01:00
chapoi 15b546978f UX: flex horizontal form controls (#20098) 2023-01-31 12:38:44 +01:00
chapoi 565b5c4b18 UX: remove chat-specific font declaration (#20096) 2023-01-31 11:00:33 +01:00
chapoi 18f7b47ecb UX: improve emoji alignment for text (#19815)
* UX: improve emoji alignment for text

* UX: emoji exception for titles
2023-01-30 14:07:08 +01:00
chapoi d0780eacdc FIX: preserves avatar size inside onebox (#20066)
* UX: Wrap chat one-box avatars

* UX: restrict onebox image css to non-avatar
2023-01-30 13:59:25 +01:00
chapoi 5f90790110 Revert "Select-kit > use new color vars" (#20042)
This reverts commit 8534391044.
2023-01-27 18:09:50 +01:00
chapoi e03f6057ec UX: Highlight var refactor (#20026)
* Add new color vars

* Select-kit > use new color vars

* update all color schemes with values for new hover/select vars

* Add variable yml names
2023-01-27 15:50:36 +01:00
chapoi d59ed1cbfe UX: fix alignment issues with autocomplete (#19828) 2023-01-16 09:09:23 +11:00
chapoi c7767686cc UX: streamline avatar in topic list (#19829) 2023-01-11 16:17:20 +01:00
chapoi a641ce4b62 UX: improve use of space for readability of admin email modal (#19797) 2023-01-09 14:24:58 +01:00
chapoi 179f13078e UX: fix for misalignment in autocomplete (#19693) 2023-01-03 15:20:12 +01:00