New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Redesign "go to conversation" button #28697

Open

Tracked by

alya opened this issue Jan 25, 2024 · 1 comment · May be fixed by #28915 or #30027

Open

Tracked by

Redesign "go to conversation" button #28697

alya opened this issue Jan 25, 2024 · 1 comment · May be fixed by #28915 or #30027

Labels

area: compose (UI & widgets) redesign

Contributor

alya commented Jan 25, 2024 •

edited

The "go to conversation" button should appear in front of the topic/users input field. Design:

This issue is part of #24878.

Live demo with the source code on Repl.it. Here is the decomposed source code archive:
compose-decomposed.zip

The css code is split to decomposed areas but all the js code is in a single file. The file isn't big so it is easier to follow the logic of interactions between html and js.

alya added redesign area: compose (UI & widgets) labels

Member

zulipbot commented Jan 25, 2024

Hello @zulip/design members, this issue was labeled with the "redesign" label, so you may want to check it out!

alya mentioned this issue

UI redesign: compose box #24878

Open

15 tasks

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

50fb035

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

8577ea1

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma linked a pull request

that will close this issue

compose: Redesign the "go to conversation" button. #28915

Open

12 tasks

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

14cecec

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

657e15f

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign "go to conversation" button, migrating area to grid.

0d950cb

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign "go to conversation" button, migrating area to grid.

8155e01

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

473bdab

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

0ac8b5c

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

9745d00

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

f46f63c

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

fc3978e

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

62283c5

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

02c391a

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

55e85d5

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

cfd5f48

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

86f3d49

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

90474ee

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

0047c24

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

36fdbbc

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

35db4c9

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

alexmv pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

5633a23

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

0f449a9

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

5bd0ed4

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

a134873

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

cd85cbf

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

b3a41ab

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

db89ec2

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

975cd7d

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

ba531af

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

590c30b

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

c420b6c

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

4d372d2

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

7bbff83

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

293238d

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

e82b2a9

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

04f0c5e

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

4c2dff2

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

9886bae

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

388d8e7

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

6b8e2c2

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Redesign the "go to conversation" button.

838d606

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: #28697.
(cherry picked from commit 6b8e2c2)

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

12df18a

Now the button uses an eye icon, is placed at the start of the topic /
dm recipient input, and has a bluish purple look. It slides in and out
of view as needed.

Fixes: zulip#28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

f825cb2

Now the button uses an eye icon, is placed at the start of the topic/dm
recipient input, and has a bluish purple look. It slides in and out of
view as needed.

Fixes: zulip#28697.
(cherry picked from commit 6b8e2c2)

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

358d0d6

Now the button uses an eye icon, is placed at the start of the topic /
dm recipient input, and has a bluish purple look. It slides in and out
of view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Redesign the "go to conversation" button.

f068c90

Now the button uses an eye icon, is placed at the start of the topic /
dm recipient input, and has a bluish purple look. It slides in and out
of view as needed.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

c30b981

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button.

Fixes: zulip#28697.

N-Shar-ma added a commit to N-Shar-ma/zulip that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

4b01f0f

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: zulip#28697.

N-Shar-ma linked a pull request

that will close this issue

compose: Make conversation arrow double as a go-to-conversation button. #30027

Open

12 tasks

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

7eea1c7

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

a2f9326

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: #28697.

timabbott pushed a commit to timabbott/zulip that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

5c00f57

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: zulip#28697.

timabbott pushed a commit that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

62eaf77

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

9a4275f

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

b1ce656

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: #28697.

timabbott pushed a commit that referenced this issue


          compose: Make conversation arrow double as a go-to-conversation button.

a05abc4

The chevron arrow icon before the topic / dm user field now also acts as
a go to conversation button. Whenever the functionality is available,
the plain icon changes to look and behave like a button. The old go to
conversation button on the right of the field is removed.

Fixes: #28697.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment