Commit Graph

533 Commits

Author SHA1 Message Date
Waseem Daher 647ae655b0 Revert "Don't allow content to overflow out of messageboxes."
This commit broke unread dots, since they're in the .messagebox
but absolutely positioned outside of it (so they got clipped.)

This reverts commit e0071851d2dc7d99c9acd93a1fc6fa1ce0c3b70e.

(imported from commit b3181b3a02cef905cc8f400f8c1cc3c92b5f0e15)
2013-07-26 10:51:18 -04:00
Waseem Daher b277e6cc1b Start unread fade sooner.
The total duration of this animation is the exact same, but
it starts immediately - let's see if this feels any better.

(imported from commit de86c259a25adb64514613579476480bdac29cb2)
2013-07-26 09:05:32 -04:00
Waseem Daher 2ed1a8be6a Don't allow content to overflow out of messageboxes.
This helps mitigate the damage caused by hilarious vertical
names like "Puerco (((((())))))" with the vertical parentheses.

(imported from commit e0071851d2dc7d99c9acd93a1fc6fa1ce0c3b70e)
2013-07-25 16:11:57 -04:00
Steve Howell 6ae9f95de3 Allow users to edit a bot's full name.
(imported from commit fba8ea888d7b76b1ad5c44393ffd8f420f9fe464)
2013-07-25 13:05:38 -04:00
Steve Howell c15c7d7633 Fix whitespace in CSS code
(imported from commit 4b323781a0ef9ef63cd57ada3df8d50985b3f71c)
2013-07-25 12:27:21 -04:00
Waseem Daher 04ad610263 Restore old mix-protection mechanism.
This is the moral equivalent of reverting
25ac8c557978a3867eba90d93857d9bd728149e2

(imported from commit dc9ac79c2bed46b836bf666d3718f3bcac11099e)
2013-07-24 17:09:36 -04:00
Jessica McKellar f647596cbb Add a CSS class to unfaded messages.
We already have one for faded messages (which this commit simplifies),
but we also need one on unfaded messages to facilitate styling
experiments.

(imported from commit 41a6e2ef136ce73ce8c24de1e35199244ce56d37)
2013-07-23 21:45:07 -04:00
Kevin Mehall 5f3dcfd104 Make the edit form keep the text in the same place as the normal message.
Trac #1540

    * Make edit content box the same width as normal content
    * Scroll to compensate for the added padding and "Topic" field.
    * Restore the scroll position when exiting edit

It's off by 1px on Firefox 22, but Firefox is simply wrong.

(imported from commit 49154f51b538c648934a41a4a7a217198186ede2)
2013-07-23 18:09:05 -04:00
Waseem Daher 49619a85dc Give "faded out" messages transparent backgrounds.
This hopefully makes them look less active while still preserving
their readability.

(imported from commit 25ac8c557978a3867eba90d93857d9bd728149e2)
2013-07-22 18:05:40 -04:00
Jeff Arnold 5190a9692a Hide text for the > icon so that copy paste captures it
Addresses Trac #1296

(imported from commit 650672b971f18b4e1bfb185987768b55504ee1e8)
2013-07-22 16:33:27 -04:00
Waseem Daher ec9c596933 Add unread green dots to the left of the message, which fade out.
This is a heavily adapted version of Allen's commit that did the
same.

Some gotchas:
* Because the unread count indicator is not in the message content,
  we can't center it in the middle of the message content (we'd
  need to put it inside the div to do so).

* Awesome Gecko bug surrounding tables makes this also somewhat
  annoying, so watch out for this if you're making changes here.

> In Gecko, if you have a positioned <table> element inside a
> positioned block element, such as a <div>, a position: absolute;
> styled element inside the table would be positioned relative to the
> outer <div> rather than the table, which is the nearest positioned
> ancestor. This is a bug, and has not been fixed.

(imported from commit 45c00c37f3721c211331b228e84d46283e1cc9ba)
2013-07-19 16:41:26 -04:00
Allen Rabinovich dc7b59bc9f Removing shadow artifacts from composition area
(imported from commit f957f26f60d2aedcb106e555b9558c8363cf9d61)
2013-07-18 12:30:37 -07:00
Allen Rabinovich a486579a4f A group of changes to make the selection lighter and more elegant.
* Redo table borders as inset shadows to make them sharper
* Make the selection highlight a blue border with blue glow

(imported from commit 758884cc7e17952ba68e4aab6215f3e026dc8fe8)
2013-07-18 10:54:22 -07:00
Allen Rabinovich f1da624353 New selection highlight style
(imported from commit b23e8ddc08af131f74964ba7562eb071eaeb0a64)
2013-07-17 12:29:22 -07:00
Scott Feeney 1484bdf0ad Tweak edit box CSS to fit better
* line-height of 18px, same as messages you're not editing
* width of 100%, so word wrapping is more similar
* smaller margins

(imported from commit 81fc4628e0485f66615df90504462465e5805e91)
2013-07-17 14:05:16 -04:00
Waseem Daher c7f031dc53 Don't partially color in the composebox on narrow.
(imported from commit 99c3744541b5f0d993d59c5e9589f5fd30495f9e)
2013-07-17 11:03:00 -04:00
Allen Rabinovich 5b84b2db87 Add light blue background color on narrow
(imported from commit a007bdc48c802b36fa5185ed9d153503298150fc)
2013-07-16 15:52:18 -07:00
Tim Abbott 84a97f5c41 Document how our desktop notifications work.
(imported from commit 991d7541283d7d8d17836f5322abb0da780eba25)
2013-07-16 13:16:24 -04:00
Allen Rabinovich 4e043feeb1 Add proper Zulip wordmark to the top left - just retina version for now
(imported from commit 6160b85d742b374adca3299e2e5f48ae24b985d2)
2013-07-15 21:21:49 -04:00
Waseem Daher fc4a8af707 Update /apps screenshot for Windows and Mac.
(imported from commit 2886ffabb0fc7cea4ed30ffda4aba9ee8f5de03b)
2013-07-15 18:05:27 -04:00
acrefoot 114eeab026 Revised message actions and message info popovers
Since f8fbf70c8502 had troubles in FF and people did not like the
message-info-on-hover, this commit hopefully will work better. Tables
are likely the culprit with using dropdowns in FF, so when we stop having
the messagelist be at table, we can switch back to dropdowns which are relatively
positioned rather than absolutely on the page.

(imported from commit c49a5cd45f3439d089146771e2aa0cee6431125a)
2013-07-15 11:29:59 -04:00
Zev Benjamin 347b222c79 Make the loading more messages indicator absolutely positioned
It now appears on top of message contents.

(imported from commit ac72a38f2a3062f7107db8125e11de78e40d927e)
2013-07-15 11:13:53 -04:00
Tim Abbott 5fc6fb5896 Include a link button after the subject when it matches a realm filter.
This way if you refer to "trac #253" in the subject, it's super
convenient to get from your recipient bar to the ticket.

A note on performance: this part of rendering for 1000 messages takes
about 3.5ms for messages with 1 match; this is small compared to the
overall time for to_dict_uncached for that many message objects, so I
think this is OK for now.

(imported from commit 5bdc2b8415d7599d59eb554739f545c485b78d5a)
2013-07-15 10:41:13 -04:00
Leo Franchi 92fc542872 Show a on-hover cog for going directly to stream settings page
(imported from commit 9ba04d88daacd475d9b85ce7c8bd925840290535)
2013-07-12 18:34:13 -04:00
Leo Franchi 550aea8c64 Show a light STREAMS title in the streams list
(imported from commit 675ebca52ba10b8075bb788adf70d293b4d58fde)
2013-07-12 18:34:13 -04:00
Leo Franchi e5b855d883 Add a bulk invite page for the first user in a realm
(imported from commit cf85c9d475209da4591e2f06f142008fb19ac9d5)
2013-07-12 13:07:02 -04:00
Allen Rabinovich c534d7cde7 A better chevron for message actions dropdown
(imported from commit 4ef172175db927f5385aceb2b369349adc47201a)
2013-07-12 06:13:20 -07:00
Waseem Daher b2fa0d4b9f Don't have huge left-and-right margins in less-wide windows.
Having a margin of 20px on both sides is rather overkill, especially
when the screen isn't super-wide. (And when it is super-wide, we can
control the width with max-width anyway.)

This actually doesn't really free up that much space -- the main
constraint actually seems to be the width of the column itself -- but
psychologically I feel like it feels a bit better.

(imported from commit 6122f0bd3042ee2faf154921c946c0bd65c956ef)
2013-07-11 15:47:08 -04:00
Kevin Mehall 54d85c68e2 Avoid the focus border around modals.
(imported from commit 9f0111f9d858ab2f058e2c75c8cb00a3716cdfed)
2013-07-10 12:31:32 -04:00
Kevin Mehall c190be38fe Make modals shrink to keep buttons on the screen.
This works down to about 330px height, and is probably about the
best you can do with current browsers in pure CSS.

See also: http://caniuse.com/#feat=viewport-units

Trac #786, Trac #1416

(imported from commit eeb931bb34aa6414fdf1b61db68c6aede1808a58)
2013-07-10 12:31:32 -04:00
Allen Rabinovich 2176ca0977 Fix unread indicator in FF by moving the pseudoselector to an inner div that supports relative positioning. Position the indicator based on whether the sender avatar and name are included in the message or not.
(imported from commit 305343bceb8656c380afd2100220afc0d0777540)
2013-07-09 15:12:51 -07:00
Waseem Daher 7d7330df03 Bring the floating recipient bar closer to the tab bar.
I feel bad about this commit because it really only exists
to fix a math error elsewhere -- it's basically a hacky solution
to Trac #1426 that doesn't involve actually fixing the math
that exists in the app somewhere, but instead makes our app
conform to that math.

(imported from commit ad43bf9440b80fd768c5fa1cbe5cb4a683415c02)
2013-07-09 15:36:20 -04:00
Waseem Daher cf710708df Add a little space between startup checkboxes and their options.
(imported from commit 0168e9ba4173e92d0c0c01250c8f63e25918a016)
2013-07-08 23:02:56 -04:00
Allen Rabinovich c999019ae3 Add highlights to selected filters and streams/subjects in the left sidebars, as well as a pointer arrow
(imported from commit 5c799a19c5bde52705c60e1b9fdae832bd5474f0)
2013-07-08 19:09:52 -07:00
Allen Rabinovich 9c81056962 Remove gradient from unread messages
(imported from commit 1dbf0d81884bb45f3f67453e75acbc77aea43293)
2013-07-08 17:26:00 -07:00
Allen Rabinovich d4da8570bd Change the unread message style to a top-left corner marker and a full messagebox diagonal overlay gradient
(imported from commit dd171437bdd40219584774bc38c77798fa1568e2)
2013-07-08 14:36:55 -07:00
Allen Rabinovich 0e28fd608c Prevent mention overlaps
(imported from commit e39e9e00f7304d4b811169a5075c5dd98dadad61)
2013-07-08 13:03:31 -07:00
Allen Rabinovich 126f5e37e3 Lighten the appearance of mentions -- lighter colors, no inversion, no bolding, prevent white space wrap
(imported from commit e0acfce3332ce0693d15e8e1c6f22330c760028f)
2013-07-08 13:03:31 -07:00
Allen Rabinovich 1b670f0f69 Desaturate background by 75%, lighten by 50%
(imported from commit 8b7ace11d0ecb776c33421ecda0eb31c9e24c07c)
2013-07-08 08:39:32 -07:00
Steve Howell 7a9d7aff0f Restyle list of bots.
(imported from commit 858f0c58b391d92f98b25cf9661543b7bac61865)
2013-07-06 09:49:23 -04:00
Steve Howell 433f5daef5 Change bots table to a list.
(imported from commit 6e1163d8cab42dafa958a4d1c95f60ef927ef2c3)
2013-07-06 09:49:21 -04:00
Allen Rabinovich 7b1a774a50 Remove background coloring and restyle crumbs
(imported from commit f08cb73ebc0cf35212ed2f2084bb524698a5b1f2)
2013-07-05 14:14:29 -07:00
Kevin Mehall 91268b16a8 Add unread message gradient with -webkit- prefix for desktop app and Safari.
(imported from commit d98720922665e9c3a41d15d8e91efc3235d93287)
2013-07-05 11:29:03 -04:00
Waseem Daher 51f9ace595 Revert "Chevron icon on each message now causes a dropdown menu; hover on message for info"
This reverts commit f8fbf70c8502370a78159e24f3cf9589fb9d384f, since
we're waiting on some Firefox and no-hover fixes.

(imported from commit 6b13f5bb9d907303ab311afd7da584bc06538c91)
2013-07-03 17:44:35 -04:00
Kevin Mehall 318d66ed9e Apply CSS class .unread to unread message rows.
Trac #1428

(imported from commit e19d75ecd6164b9643411b4740a10527952acc0c)
2013-07-03 17:10:15 -04:00
Steve Howell 009d7b8174 Shrink avatars to 35px in the Your bots table.
I tried 30px at first, but I think a slightly bigger avatar helps
fill out the table a bit.  It should be easier to tweek these in
CSS now, although Allen agrees with me that the tabular display
may be short lived when we add edit/delete features.

(imported from commit b4d69cddf63fa122374e20731a5755e7dec86304)
2013-07-03 11:49:04 -04:00
Jessica McKellar 14e27e7583 Add the new tutorial steps.
(imported from commit 9269acbcf58332002b1d45c0134ccb2db980f05c)
2013-07-02 18:26:17 -04:00
Jessica McKellar fcf3b262d0 Add some screen divs to be used to box spotlighted content in the tutorial.
(imported from commit 2fcb357b9d812287fcb7070e16d91f5da19ffb96)
2013-07-02 18:26:17 -04:00
Kevin Mehall dce1f7f729 Parse @-mentions in bugdown and style them.
* This makes bugdown.convert take a `message` parameter. Properties
    for parsed mentions are added to the message object by the `Pattern`
    for use in do_send_messages.

  * Refactor repeated markdown rendering code into `Message` model methods.

(imported from commit 4f0ed5570104c0210f984b6de21e9048e2b53fa0)
2013-07-02 18:20:26 -04:00
Allen Rabinovich cff0096f3b Make date boundary separators all uppercase, lighter, and letterpressed
(imported from commit 01ffbda9b4dc478732dba091e3cefced9fb1cb7c)
2013-07-02 13:08:44 -07:00