Commit Graph

2981 Commits

Author SHA1 Message Date
Wyatt Hoodes 5fe489c5ae dropdown-menu: Remove caret-down icon and fix alignment.
The alignment on narrow windows is also off.  We fix
this spacing issue while we're at it.
2020-06-05 10:56:33 -07:00
Aman Agrawal c276bcd6af stream_header_colorblock: Combine compose and msg_edit css blocks.
Remove unused properties and fix border in message edit colorblock.
2020-06-05 09:39:00 -07:00
YashRE42 f9414c2ea5 search pills: Fix nightmode color of sub counts & narrow description. 2020-06-05 09:37:29 -07:00
majordwarf 29b8e11e20 navbar: Fix search input margin.
The commit fixes the spacing between the search icon and the input
field by adding `margin-left` to the search input field. The following
issue is only visible in dark mode as the nav and search input have
different background color while normal theme uses same background color
for nav and search input.
2020-06-04 14:28:00 -07:00
Rohitt Vashishtha d870118f8f overlay: Mitigate issue with dropdown list widget getting clipped.
This isn't a complete fix, but we move the widget's popup to be
on/below the button to open the widget. We also move the bot owner
field to be on the top of the page so that we can see most of the
widget before it is clipped by the parent overlay.

We have discussed some approaches for a permanent fix on:

https://chat.zulip.org/#narrow/stream/321-s/topic/DropdownListWidget/near/894674
2020-06-04 16:44:19 -04:00
Anders Kaseorg 4d04fa3118 compose: Rewrite Zoom video call integration to use OAuth.
This reimplements our Zoom video call integration to use an OAuth
application.  In addition to providing a cleaner setup experience,
especially on zulipchat.com where the server administrators can have
done the app registration already, it also fixes the limitation of the
previous integration that it could only have one call active at a time
when set up with typical Zoom API keys.

Fixes #11672.

Co-authored-by: Marco Burstein <marco@marco.how>
Co-authored-by: Tim Abbott <tabbott@zulipchat.com>
Signed-off-by: Anders Kaseorg <andersk@mit.edu>
2020-06-03 16:39:12 -07:00
SiddharthVarshney ecd383b53c css: Use SCSS nesting for `nav`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney ff75ea838f css: Reorder `nav .content` and `nav ul`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 3435396479 css: Reorder `nav .hamburger`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney dcbc4f8630 css: Reorder `nav.white`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney f57a512ab3 css: Use SCSS nesting for `nav li`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 2130c3018e css: Use SCSS nesting for `nav li`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney d4d326c827 css: Use SCSS nesting for `nav ul li`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney de4396661b css: Use SCSS nesting for `nav ul li.active`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney dcc658264c css: Reorder css related to `nav ul`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 948b54e519 css: Use SCSS nesting for `nav .logo`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney d21d13698e css: Reorder css for `nav .logo span`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 756722616e css: Use SCSS nesting for `nav .content`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 5009bedba4 css: Remove redundant css for `nav .logo span`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney e5c1be0584 css: Use SCSS nesting for `nav.white`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 3a81099972 css: Use SCSS nesting for `nav.white ul`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney f4f99e7ca6 css: Use SCSS nesting for `nav.white li`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 96db3fa650 css: Use SCSS nesting for `nav.white .brand.logo`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney 70a025d08d css: Reorder `nav.white .hamburder`. 2020-06-02 17:26:45 -07:00
SiddharthVarshney bfad22d128 css: Remove duplicate style. 2020-06-02 17:26:45 -07:00
Siddharth Varshney 1ac597c77e css: Use SCSS nesting for `.silver`. 2020-06-02 17:26:45 -07:00
Siddharth Varshney a10a78736d css: Reorder styles related to `.silver`. 2020-06-02 17:26:45 -07:00
Siddharth Varshney b29b7b8da1 css: Use SCSS nesting for `.float`. 2020-06-02 17:26:45 -07:00
Siddharth Varshney 8317bde30f css: Reorder css related to `h1` and `h2`. 2020-06-02 17:26:45 -07:00
Siddharth Varshney ea704c8c91 css: Use SCSS nesting for `a`. 2020-06-02 17:26:45 -07:00
Siddharth Varshney e520e82b04 css: Use scss nesting for `a.arrow`. 2020-06-02 17:26:45 -07:00
Siddharth Varshney cc71533b21 css: Reorder css for `a` tag. 2020-06-02 17:26:45 -07:00
sahil839 e52b544213 stream settings: Add pills in add subscribers input.
This commit changes the stream settings UI for adding subscribers to
use our standard user pills in the input box, rather than just
plain-text email addresses.  This is important progress towards
removing display email addresses from the Zulip UI.

It also allows subscribing multiple users at the same time, which is a
nice improvement.
2020-06-02 15:32:26 -07:00
Siddharth Varshney 2666c1a605 css: Use SCSS nesting for `.help` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney caa3b21089 css: Reorder `.help .markdown` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney af505bc647 css: Use SCSS nesting for `.help .sidebar` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 0fa1e5b5f6 css: Use SCSS nesting for `.help .sidebar a` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney c70e53952c css: Use SCSS nesting for `.help .sidebar li` for portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 7040cc6a8a css: Merge `.help .sidebar.slide ul` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 5039b9ede4 css: Use SCSS nesting for `.help .sidebar.slide h2`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney e609561ed4 css: Use SCSS nesting for `.help .sidebar h1`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 42956cde19 css: Use SCSS nesting for `.help .sidebar h1.home-link`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 74244a6d5b css: Use SCSS nesting for `.error_page .errorbox`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 34a9147911 css: Use SCSS nesting for `center-block`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 5f9d54a028 css: Use SCSS nesting for `.central-block .control-group`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney c6d52afcff css: Use SCSS nesting for `.input-group` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney b1a6f6598b css: Use SCSS nesting for `.input-group.grid` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 4273577457 css: Use SCSS nesting for `.input-group label` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 67c41c88be css: Remove duplicate styles for `.input-group label`. 2020-05-28 17:50:12 -07:00
Siddharth Varshney b8c04c7f5e css: Reorder `.input-group` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney e8d7a590ce css: Use SCSS nesting for `.password-reset` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 10fbdab26c css: Merge `.password-reset` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney af2f9dcf6b css: Use SCSS nesting for `.password-reset .input-group` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 3d39a9d74e css: Reorder `.password-reset` related styles. 2020-05-28 17:50:12 -07:00
Siddharth Varshney f935afeaa6 css: Use SCSS nesting for `.top-links` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney cc4a4a7846 css: Use SCSS nesting for `.top-links a` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 6719835a89 css: Use SCSS nesting for `.footer-navigation` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 68b94bb434 css: Use SCSS nesting for `.main-headline-text` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney f6e70cefdf css: Use SCSS nesting for `.login-form` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 48873669e8 css: Use SCSS nesting for `.login-form, .register-form` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney cdbdffe92d css: Reorder `.login-form` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 51f5475ac8 css: Use SCSS nesting for `.login-page` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 22950a9287 css: Use SCSS nesting for `.history .sponsors` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 3f6ce5ffb1 css: Use SCSS nesting for `.contributors` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 9e4e608460 css: Use SCSS nesting for `.contributors .person` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney b524b09a37 css: Use SCSS nesting for `.team` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney a5b5294c82 css: Use SCSS nesting for `.team input` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 78d8006de5 css: Use SCSS nesting for `.team label` in protico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney f787b9054c css: Use SCSS nesting for `.team .bdfl` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney bfa18da1bf css: Use SCSS nesting for `team .bdfl .profile-picture` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 17197f7537 css: Use SCSS nesting for `.team .profile` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 0bc4760e21 css: Use SCSS nesting for `.portico-header` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney d1da18cd28 css: Use SCSS nesting for `.portico-header .dropdown` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 4bbb468a36 css: Use SCSS nesting for `portico-header .dropdown-pill` in porticos.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 0ccb3a3d02 css: Use SCSS nesting for `.portico-header .dropdown ul` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 6f1def6a29 css: Use SCSS nesting for `.portico-header .dropdown ul li` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney f04bfbed89 css: Use SCSS nesting for `.header-main` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 8670372543 css: Use SCSS nesting for `.header-main .logo` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 7c23da6abc css: Use SCSS nesting for `.footer` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney fb1427bc2f css: Use SCSS nesting for `.footer section` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney d389885fe4 css: Merge css for `.footer` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 83376b49da css: Use SCSS nesting for `.portico-container` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 6158d1e6ea css: Use SCSS nesting for `.landing-page` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 1e7dfdd48a css: Reorder `.landing-page` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney ab5dfdc25f css: Use SCSS nesting for `.api-details` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney f488c03ca1 css: Use SCSS nesting for `.integration` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney be0cd1dfc2 css: Use SCSS nesting for `.show-integral` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney ae3170c05f css: Use SCSS nesting for `a.title` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney 13fd68e749 css: Use SCSS nesting for `.help-box` in portico.scss. 2020-05-28 17:50:12 -07:00
Siddharth Varshney c3b12a41c4 css: Use SCSS nesting for `help-inline` in portico.scss. 2020-05-28 17:50:12 -07:00
Rohitt Vashishtha e509a13db0 minor: Remove outdated comment.
This was fixed in 30ab261f91.
2020-05-28 14:56:47 -07:00
Steve Howell 43e5b2d28b right sidebar: Remove "GROUP PMs" section.
We remove the "GROUP PMs" section that used
to be in the lower right sidebar.

Most of this is straightforward code removal.

A couple quick notes:

    - The message fetching code now just
      calls `huddle_data.process_loaded_messages`,
      which we still need for search suggestions.
      We removed `activity.process_loaded_messages`.

    - The `huddle_data.process_loaded_messages`
      function no longer needs to return `need_resize`.

    - In `resize.js` we now just calculate
      `res.buddy_list_wrapper_max_height` directly
      from `usable_height`.
2020-05-27 17:57:50 -07:00
Steve Howell ccde1907d9 css: Remove obsolete logo markup.
This section was made obsolete by
4c4733bcec
2020-05-27 17:57:50 -07:00
Steve Howell add641d0c9 css: Use vars for header-size related values.
The header is 40px tall, with a 10px gutter
below it, which means the top of our sidebars
are 50px from the top of the viewport.

Now all the places that share these values
use `$header_right` and related values.

This is pretty easy to test out by just doubling
or tripling the two numbers at the top of the
file.

The section for `@media (max-width: 500px)` seems
to have its own smaller values for things like
the `height` of `.header`, so I left it alone.
2020-05-27 17:57:50 -07:00
jagansivam28 12fd515831 settings org: Trigger realm icon upload by clicking on realm icon element.
Trigger realm icon upload by clicking on realm icon element itself
rather than having a big upload button and to match our user avatar UI.
Added new spinner over the icon element itself to show while
uploading realm icon.
2020-05-27 17:15:14 -07:00
jagansivam28 0c70365034 settings org: Replace realm icon delete button with X icon.
Replacing delete button for `realm icon` with "X" icon in the
right corner of the icon image to match "user profile" avatar UI.
2020-05-27 17:15:14 -07:00
SiddharthVarshney 2b9a79bb19 portico: Use green btn for `call-to-action-bottom` button.
This button will now look similar in design as we have on
our /app page.

Fixes: #15077
2020-05-27 16:30:03 -07:00
Anders Kaseorg 30ab261f91 styles: Undo calc(x + y) → calc(x - -y) workaround.
The bug this was working around does not affect our current toolchain,
as confirmed by grepping through the minified output.

(Also, this linter rule only matched calc(x + y) with two arguments
and we were already using calc($far_left_gutter_size + $left_col_size
+ 4px).)

Signed-off-by: Anders Kaseorg <anders@zulip.com>
2020-05-27 16:29:25 -07:00
Bhanu Gupta 0f6a5ce9fb compose: Fix visual glitch in compose box decoration.
Fixes #14996.
2020-05-27 14:15:47 -07:00
Tim Abbott 23f0b3bc45 landing: Fix responsive styling for navbar custom messages.
The previous styling was brittle and ended up breaking in very small
phone-size views with the text overflowing the boundaries of the page.

The right fix is to move those heading outside the portico-header
class, since the CSS for that isn't generally appropriate here.
2020-05-26 22:58:02 -07:00
Ryan Rehman c4e59309e4 navbar: Refactor `#searchbox`.
Along with various style fixes for the search pills
enabled case, this de-duplicates the css.
2020-05-26 22:04:36 -07:00
Ryan Rehman 4cdd7aed2b css: Narrow the gap between searchbox and searchbox_legacy.
This is a prep commit which combines the previous `#searchbox`
block with the newly updated `#searchbox_legacy` block which
contains the modifications related to the new navbar display.

This only consists of changes to `#searchbox` and is still broken.
But it integrates the searchbox with the new tab_bar changes so that
only one searchbox is shown (instead of two, previously).
2020-05-26 22:04:36 -07:00
Tim Abbott 368e9572cc billing: Clean up copy on free trial pages.
This fixes some issues with unclear terminology and visual styling in
the pages for the new free trial.

There's probably more we can and should usefully do in the future.
2020-05-26 21:31:07 -07:00
Siddharth Varshney a5f0379e0f settings: Fix streams tab-switcher misalignment for iPad size devices.
Fixes: #14913.
2020-05-26 15:25:01 -07:00
Ryan Rehman 77a26d41ae message view: Show indicator while fetching new messages.
We already have a loading indicator for fetching older
messages. Thus it makes sense to implement the same
for displaying newer messages.

We set the display of `bottom-messages-logo` to none,
to prevent displaying two loading indicators during
the initial message load.

Fixes #15060.
2020-05-26 15:21:42 -07:00
Ryan Rehman 9c733b42df minor: Rename loading_more_messages_indicator.
`loading_more_messages_indicator` is renamed to
`loading_older_messages_indicator`.

This is a prep commit to introduce
`loading_newer_messages_indicator`.
2020-05-26 15:21:42 -07:00
YashRE42 7f1cafd108 navbar: Remove redundant .emoji styles from scss.
This commit fixes the alignment of emoji in the navbar by removing a
redundant style which was breaking the emoji alignment.

This block is probably just a remanent from WIP development of this
version of the navbar & its inclusion on master was as an oversight.
2020-05-26 12:49:06 -04:00
Vishnu KS 8b3eb9a846 landing: Add option to show custom navbar message. 2020-05-24 17:34:03 -07:00
Siddharth Varshney 89539d6fb5 stream-popover: Change design of stream popover.
Extracts the stream name from the list items and display
it in the popover title.
2020-05-24 17:28:51 -07:00
Siddharth Varshney 309ab0eb6f topic-popover: Change design of topic popover.
Extracts the topic name from the list items and display
it in the popover title.

Add a seperator between normal user and admin only options.
2020-05-24 17:28:50 -07:00
Pragati Agrawal d333d82693 stream settings: Move the "Saving" widget to "Personal settings" block.
Rather than showing the "Saving" widget beside stream name, it's more
intuitive to have it in personal settings section because it's the only
section which uses `settings_ui.do_settings_change` function and we follow
having a separate "Saving" widget for each section everywhere.
2020-05-24 16:32:36 -07:00
Rohitt Vashishtha 648307ef33 rendered_markdown: Add rendering functions for timestamps.
This code generates the timestamp string to be shown to the user
from the given timestamp in unix format using moment.js.

We also render the timestamp in a pill.
2020-05-21 12:37:37 -07:00
Siddharth Varshney ad723f1ab4 settings: Fix settings sidebar list bug. 2020-05-20 14:37:11 -07:00
Tim Abbott deeed5c4c8 css: Move some styles out of zulip.scss.
settings_section belongs next to the rest of itself, and the loading
indicator is clearly a common reused component.
2020-05-20 11:42:59 -07:00
Tim Abbott 0340ec8a0a css: Remove duplicate #user_settings_avatar styling. 2020-05-20 11:41:55 -07:00
majordwarf d816b3d46f css: Reorder media queries in settings.scss. 2020-05-20 11:31:34 -07:00
majordwarf ddaed17e77 css: Use SCSS nesting for `#settings_page` in media queries. 2020-05-20 11:31:34 -07:00
majordwarf 96ff5f30d3 css: Use SCSS nesting in settings for `.collapse-settings-btn`. 2020-05-20 11:31:34 -07:00
majordwarf 0f09835625 css: Use SCSS nesting in settings.scss for `.custom_user_field`. 2020-05-20 11:31:34 -07:00
majordwarf aa1971d44a css: Use SCSS nesting in settings.scss for `.profile-field-choices`. 2020-05-20 11:31:34 -07:00
majordwarf fe4d2426b1 css: Reorder settings.scss to put `.profile-field-choices` in order. 2020-05-20 11:31:34 -07:00
majordwarf c53847f5ae css: Merge `#payload_url_inputbox` and `#service_name_list`. 2020-05-20 11:31:34 -07:00
majordwarf d83eed6b62 css: Use SCSS nesting in settings.scss for `.required-text`. 2020-05-20 11:31:34 -07:00
majordwarf 3f9ed37b0b css: Use SCSS nesting in settings.scss for `#attachments_list`. 2020-05-20 11:31:34 -07:00
majordwarf 204240d173 css: Reorder settings.scss to put `#attachments_list` alongside. 2020-05-20 11:31:34 -07:00
majordwarf ec0c1722f0 css: Use SCSS nesting in settings.scss for `#muted_topics_table`. 2020-05-20 11:31:34 -07:00
majordwarf 280129abcd css: Remove ignored CSS property in settings.scss.
`margin-bottom` property is ignored due to the display.With
'display: inline', the width, height, margin-top, margin-bottom,and
float properties have no effect.
2020-05-20 11:31:34 -07:00
majordwarf e2ef46d0fb css: Use SCSS nesting in settings.scss for `.table`. 2020-05-20 11:31:34 -07:00
majordwarf 83f68f6710 css: Reorder settings.scss to put `.table` next to each other. 2020-05-20 11:31:34 -07:00
majordwarf f324298be2 css: Use SCSS nesting in settings.scss for `.admin-realm-form`. 2020-05-20 11:31:34 -07:00
majordwarf 3b5c7a27f4 css: Reorder settings.scss to put `.admin-realm-form` alongside. 2020-05-20 11:31:34 -07:00
majordwarf ec709a715b css: Use SCSS nesting in settings.scss for emoji's `input[type=text]`. 2020-05-20 11:31:34 -07:00
majordwarf fbed5b3853 css: Merge `#emoji-file-name` ruleset in settings.scss. 2020-05-20 11:31:34 -07:00
majordwarf 2ee5b282d6 css: Use SCSS nesting in settings.scss for `button`. 2020-05-20 11:31:34 -07:00
majordwarf f4e8086fbd css: Use SCSS nesting for `.control-label`. 2020-05-20 11:31:34 -07:00
majordwarf 0b709f770b css: Use SCSS nesting for `.edit-alert-word-buttons`. 2020-05-20 11:31:34 -07:00
majordwarf 0aabd97900 css: Use SCSS nesting in settings.scss for `.modal`. 2020-05-20 11:31:34 -07:00
majordwarf 16e069a735 css: Reorder settings.scss to put `.modal` next to each other. 2020-05-20 11:31:34 -07:00
majordwarf c47b21a1a7 css: Use SCSS nesting in settings.scss for `#settings_page`. 2020-05-20 11:31:34 -07:00
majordwarf ca5da9c8f4 css: Reorder settings.scss to put `#settings_page` next to each other. 2020-05-20 11:30:12 -07:00
majordwarf e4187f3abb css: Use SCSS nesting in settings.scss for `#api_key_buttons`. 2020-05-20 11:25:36 -07:00
majordwarf 2f2e3f4879 css: Use SCSS nesting in settings.scss for `.emojiset_choices`. 2020-05-20 11:25:36 -07:00
majordwarf 468efcf319 css: Use SCSS nesting in settings.scss for `#alert_words_list`. 2020-05-20 11:25:36 -07:00
majordwarf d857437319 css: Reorder settings.scss to put `#alert_word_list` next to each other. 2020-05-20 11:25:36 -07:00
majordwarf 9008fbfc05 css: Use SCSS nesting in settings.scss for `.edit_bot_form`. 2020-05-20 11:25:36 -07:00
majordwarf b85f587eac css: Use SCSS nesting in settings.scss for `.bots_list`. 2020-05-20 11:25:36 -07:00
majordwarf ad623a3bc3 css: Reorder settings.scss to put `.bot_list` next to each other. 2020-05-20 11:25:36 -07:00
majordwarf e544fd1994 css: Use SCSS nesting in settings.scss for `.control-label-disabled`. 2020-05-20 11:25:36 -07:00
majordwarf 990358abc5 css: Use SCSS nesting in settings.scss for `#account-settings`. 2020-05-20 11:25:35 -07:00
majordwarf 71415e5b89 css: Use SCSS nesting in settings.scss for `#settings_page`. 2020-05-20 11:25:35 -07:00
majordwarf aff0129a6a css: Reorder settings.scss to put `#settings_page` next to each other. 2020-05-20 11:25:35 -07:00
Tim Abbott 3d435e12c3 css: Remove useless stream-label margin.
This margin was already 0px.
2020-05-20 11:24:04 -07:00
Tim Abbott 7aefe5f1ff css: Extract styling for .zulip-icon.bot. 2020-05-20 11:22:06 -07:00
majordwarf 59e3c14211 css: Merge `.message_controls` css ruleset in zulip.scss. 2020-05-20 11:17:19 -07:00
majordwarf ce07d8514a css: Use SCSS nesting in zulip.scss for `.column-left.expanded`. 2020-05-20 11:17:19 -07:00
majordwarf e327c6f521 css: Merge `.top-navbar-border` css ruleset in zulip.scss. 2020-05-20 11:17:19 -07:00
majordwarf 01840d0017 css: Use SCSS nesting in zulip.scss for `.column-left`. 2020-05-20 11:17:19 -07:00
majordwarf 109a0f55fe css: Use SCSS nesting in zulip.scss for `.nav .dropdown-menu`. 2020-05-20 11:17:19 -07:00
majordwarf c6cc843fbb css: Use SCSS nesting in zulip.scss for `.column-right`. 2020-05-20 11:17:19 -07:00
majordwarf c97d03345d css: Use SCSS nesting in zulip.scss `.user_popover_email`. 2020-05-20 11:17:19 -07:00
majordwarf 25084f3da2 css: Reorder zulip.scss to put `.user_popover_email` alongside. 2020-05-20 11:17:19 -07:00
majordwarf 995331fd8d css: Use SCSS nesting in zulip.scss for `#message_edit_form`. 2020-05-20 11:17:19 -07:00
majordwarf b70b1685a3 css: Use SCSS nesting in zulip.scss for `.date_row`. 2020-05-20 11:17:19 -07:00
majordwarf a3ba1c7067 css: Use SCSS nesting in zulip.scss for `#invite-user`. 2020-05-20 11:17:19 -07:00
majordwarf aec3e95279 css: Reorder zulip.scss to put `#invite-user` alongside. 2020-05-20 11:17:19 -07:00
majordwarf 6f140bc8f8 css: Use SCSS nesting in zulip.scss for `.modal`. 2020-05-20 11:17:19 -07:00
majordwarf b4920ac318 css: Reorder zulip.scss to put `.modal` alongside. 2020-05-20 11:17:19 -07:00
majordwarf 2a1fde0b3b css: Use SCSS nesting in zulip.scss for `#stream-checkboxes`. 2020-05-20 11:17:07 -07:00
majordwarf 2cf287b9ad css: Use SCSS nesting in zulip.scss for `#user-checkboxes`. 2020-05-20 11:17:07 -07:00
majordwarf 3f3576660d css: Use SCSS nesting in zulip.scss for `.settings-section`. 2020-05-20 11:17:07 -07:00
majordwarf 77a727a13d css: Use SCSS nesting in zulip.scss for `nav`. 2020-05-20 11:17:07 -07:00
majordwarf cb7dbb5cde css: Reorder zulip.scss to put `nav` alongside. 2020-05-20 11:17:07 -07:00
majordwarf 1d74660067 css: Use SCSS nesting in zulip.scss for `.typeahead`. 2020-05-20 11:17:07 -07:00
majordwarf 841749c90b css: Reorder zulip.scss to put `.typeahead` alongside. 2020-05-20 11:17:07 -07:00
majordwarf b94f5eded6 css: Use SCSS nesting in zulip.scss for `.nav`. 2020-05-20 11:17:07 -07:00
majordwarf 63a7117517 css: Reorder zulip.scss to put `.nav` alongside. 2020-05-20 11:17:07 -07:00
majordwarf 4eb62960ef css: Use SCSS nesting in zulip.scss for `#navbar-buttons`. 2020-05-20 11:17:07 -07:00
majordwarf d5e0555d55 css: Reorder zulip.scss to put `#navbar-buttons` alongside. 2020-05-20 11:17:07 -07:00
majordwarf 12d755c7c2 css: Use SCSS nesting in zulip.scss for `.home-error-bar`. 2020-05-20 11:17:07 -07:00
majordwarf d4d95b7770 css: Reorder zulip.scss to put `.home-error-bar` alongside. 2020-05-20 11:17:07 -07:00
majordwarf e2cf75a8b6 css: Use SCSS nesting in zulip.scss for `.message_length_controller`. 2020-05-20 11:17:07 -07:00
majordwarf 8b0dff3d91 css: Use SCSS nesting in zulip.scss for `#inline_topic_edit`. 2020-05-20 11:17:07 -07:00
majordwarf eccf51b36e css: Reorder zulip.scss to put `#inline_topic_edit` alongside. 2020-05-20 11:17:07 -07:00
majordwarf 806a448823 css: Use SCSS nesting in zulip.scss for `.message_content`. 2020-05-20 11:17:07 -07:00
majordwarf ff06dccc24 css: Reorder zulip.scss to put `.message_content` alongside. 2020-05-20 11:17:07 -07:00
majordwarf 9ae93cc7a9 css: Use SCSS nesting in zulip.scss for `.message_row`. 2020-05-20 11:17:07 -07:00
majordwarf 3362b2db8a css: Reorder zulip.scss to put `.message_row` alongside. 2020-05-20 11:17:07 -07:00
majordwarf c22090e438 css: Use SCSS nesting in zulip.scss for `.actions_hovered`. 2020-05-20 11:17:07 -07:00
majordwarf bdc7c7d1d3 css: Reorder zulip.scss to put ` .actions_hovered` alongside. 2020-05-20 11:17:07 -07:00
majordwarf 72b5282f62 css: Use SCSS nesting in zulip.scss for `.edit_content`. 2020-05-20 11:17:06 -07:00
majordwarf c598fc4885 css: Merge `.on_hover_topic_edit` with existing css rulesets. 2020-05-20 11:17:06 -07:00
majordwarf 9c6f091638 css: Use SCSS nesting in zulip.scss for `.on_hover_topic_edit`. 2020-05-20 11:17:06 -07:00
majordwarf 300314d9f8 css: Use SCSS nesting in zulip.scss for `a`. 2020-05-20 11:17:06 -07:00
majordwarf 111f0673c4 css: Reorder zulip.scss to put `a` alongside. 2020-05-20 11:17:06 -07:00
majordwarf d13d86cf82 css: Use SCSS nesting in zulip.scss for `.sender_name_hovered`. 2020-05-20 11:17:06 -07:00
majordwarf 680a74d2e1 css: Use SCSS nesting in zulip.scss for `.message_sender`. 2020-05-20 11:17:06 -07:00
majordwarf 888df23f03 css: Reorder zulip.scss to put `.message_sender` alongside. 2020-05-20 11:17:06 -07:00
majordwarf b3a09c77d9 css: Use SCSS nesting in zulip.scss for `.selected_message`. 2020-05-20 11:17:06 -07:00
majordwarf a562f208e5 css: Use SCSS nesting in zulip.scss for `.last_message`. 2020-05-20 11:17:06 -07:00
majordwarf 77d3df05ac css: Reorder zulip.scss to put `.last_message` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 69e1b0f26a css: Use SCSS nesting in zulip.scss for `.unread_marker`. 2020-05-20 11:17:06 -07:00
majordwarf cd88666bc1 css: Reorder zulip.scss to put `.unread_marker` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 6e02d9e977 css: Merge css rulesets in zulip.scss for `.message-header-contents`. 2020-05-20 11:17:06 -07:00
majordwarf 2039f6f459 css: Use SCSS nesting in zulip.scss for `.private-message`. 2020-05-20 11:17:06 -07:00
majordwarf d99a834bc4 css: Reorder zulip.scss to put `.private-message` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 646e725b4f css: Use SCSS nesting for `.message_header_private_message`. 2020-05-20 11:17:06 -07:00
majordwarf d4e7e99ec7 css: Use SCSS nesting in zulip.scss for `.bookend_tr`. 2020-05-20 11:17:06 -07:00
majordwarf 5282bf34dd css: Use SCSS nesting in zulip.scss for `.summary_row`. 2020-05-20 11:17:06 -07:00
majordwarf 0d854b736b css: Reorder zulip.scss to put `.summary_row` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 7d491b87fd css: Use SCSS nesting in zulip.scss for `.recipient_row_date`. 2020-05-20 11:17:06 -07:00
majordwarf f991990a4d css: Use SCSS nesting in zulip.scss for `.stream_label`. 2020-05-20 11:17:06 -07:00
majordwarf 38bd00d63b css: Use SCSS nesting in zulip.scss for `.floating_recipient`. 2020-05-20 11:17:06 -07:00
majordwarf d514c5a372 css: Reorder zulip.scss to put `.floating_recipient` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 20cb19b51a css: Use SCSS nesting in zulip.scss for `.message_list`. 2020-05-20 11:17:06 -07:00
majordwarf a23455bbcb css: Reorder zulip.scss to put `.message_list` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 6b06a23783 css: Use SCSS nesting in zulip.scss for `.messagebox`. 2020-05-20 11:17:06 -07:00
majordwarf fab0263e70 css: Merge css ruleset in zulip.scss for `.messagebox`. 2020-05-20 11:17:06 -07:00
majordwarf 87b5329a54 css: Reorder zulip.scss to put `.messagebox` alongside.
Removed a comment that along with reordering that deemed null now.
2020-05-20 11:17:06 -07:00
majordwarf 7b0f015830 css: Use SCSS nesting in zulip.scss for `#message-edit-history`. 2020-05-20 11:17:06 -07:00
majordwarf 62de6083a5 css: Reorder zulip.scss to put `#message-edit-history` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 2a6a817f57 css: Use SCSS nesting in zulip.scss for `.sender-status`. 2020-05-20 11:17:06 -07:00
majordwarf 388e4622f0 css: Reorder zulip.scss to put `.sender-status` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 2ffc69899f css: Use SCSS nesting in zulip.scss for `.include-sender`. 2020-05-20 11:17:06 -07:00
majordwarf f867175e6b css: Reorder zulip.scss to put `.include-sender` alongside. 2020-05-20 11:17:06 -07:00
majordwarf 7a046ae4a4 css: Use SCSS nesting in zulip.scss for `#message_edit_tooltip`. 2020-05-20 11:17:06 -07:00
majordwarf 4867639393 css: Use SCSS nesting in zulip.scss for `.tooltip`. 2020-05-20 11:17:06 -07:00
majordwarf b5501795f1 css: Use SCSS nesting in zulip.scss for `.header-main`. 2020-05-20 11:17:06 -07:00
majordwarf 7c8f8a89f2 css: Use SCSS nesting in zulip.scss for `input`. 2020-05-20 11:17:04 -07:00
majordwarf 582f638af3 css: Use SCSS nesting in zulip.scss for `.app-main`. 2020-05-20 11:02:03 -07:00
majordwarf 50a9eccd77 css: Reorder zulip.scss to put `.app-main` alongside. 2020-05-20 11:02:03 -07:00
majordwarf 3d5352f875 css: Use SCSS nesting in zulip.scss for `#panels`. 2020-05-20 11:02:03 -07:00
majordwarf 4eaf99b9fa css: Use SCSS nesting in zulip.scss for `.fade-in-message`. 2020-05-20 11:02:03 -07:00
majordwarf 685335eb44 css: Use SCSS nesting in zulip.scss for `#feedback_container`. 2020-05-20 11:02:03 -07:00
majordwarf 49cc9b680c css: Reorder zulip.scss to put `#feeback_container` alongside. 2020-05-20 11:02:03 -07:00
majordwarf faf6a274a0 css: Use SCSS nesting in zulip.scss for `.top-messages-logo`. 2020-05-20 11:02:03 -07:00
majordwarf 82c8c0e9ff css: Remove ignored css rulesets in zulip.scss.
`vertical-align` property is ignored due to the display.
With 'display: block', vertical-align should not be used.
2020-05-20 11:02:03 -07:00
Rohitt Vashishtha c24aaa0e74 portico-css: Style codeblocks to look neater.
The currrent css of codeblocks left too much empty space between
the lines as well as indented the first character of a codeblock
slightly towards the right.

This commit fixes both of these, thus making codeblocks look closer
to what someone would expect codeblocks to look like in their text
editor.
2020-05-20 10:18:29 -07:00
Rohitt Vashishtha 4d14ba41ba dropdown-list-widget: Properly handle disabled state.
We wrap the [reset] anchor tag in a button so that we can set 'disabled'
attribute on it. We change the styles to hide the [reset] button and the
pencil icon when the widget is disabled.

We also need to call `e.preventDefault()` in the event handler since now
the anchor tag behaves as a button.
2020-05-20 09:51:38 -07:00
Rohitt Vashishtha da22f3b961 dropdown-list-widget: Refactor styles to use SCSS scopes. 2020-05-19 15:13:28 -07:00
Siddharth Varshney 0af2f9d838 popover: Hide color palette.
Change in stream color occurs very rarely, and the palette is taking a lot of space in the popover.

This commit will hide the palette in default view of stream popover.
2020-05-19 14:03:35 -07:00
Siddharth Varshney 2c5275839b popover: Change the divider color in `Choose custom color`.
Changed the divider color in to match the style of day/night mode.
2020-05-19 14:03:35 -07:00
Siddharth Varshney ef8050bde0 popover: Use zulip style for `Choose` button.
This commit will change the style of `Choose` btn in both
day and night mode to match with the style of other buttons of the app.
2020-05-19 14:03:35 -07:00
YashRE42 01deb8a6af navbar: Use direct child selector to target spans.
The navbar uses rendered markdown and rendered html within the narrow
description, this inserts eg katex--html and allows rendering of
inline math formulae. Unfortunately, in the previous SCSS file, this
fact was overlooked and a generic "span" selector was used with would
target all spans within the parent element, direct descendants or
otherwise, which caused the side effect of applying padding and margin
to inner katex elements which broke appearance.

This commit replaces the "span" selector with "& > span" so that only
spans which are the direct children to the parent element are selected
and katex--html is rendered correctly.

Fixes: #14947.
2020-05-17 21:45:28 -07:00
Siddharth Varshney 2981938817 ui: Change width of divider in setting menu.
This will now matche with the other popover `hrule` width.
2020-05-16 15:42:26 -07:00
Aman Agrawal 27ee527bd6 topic_stream_edit_popover: Add right-angle icon. 2020-05-14 14:27:53 -07:00
Aman Agrawal d537ceef5a topic_stream_edit_popover: Add stream color bar before selet tag.
* The implementation is similar to message stream edit color bar.
2020-05-14 14:27:53 -07:00
Aman Agrawal 7c502acb4c message_edit: Show stream color bar alongside stream select.
* Stream bar color logic is borrwoed from compose stream bar.
* Use flex containers to align elements and automatically set their
  height to be same, them automatically filling the stream color bar
  height to be the height of the select box.
* Use flex-wrap to wrap the propagate selector when out of space.

* To make sure stream select box and stream color box are closest possible,
  select box has been moved under stream color box.
2020-05-14 14:27:53 -07:00
majordwarf 587b5473c2 css: Use SCSS nesting in settings.scss for `input`. 2020-05-12 23:17:27 -07:00
majordwarf cd2cf1a1aa css: Reorder settings.scss for `input` and remove unused rulesets. 2020-05-12 23:17:27 -07:00
majordwarf 298d2c5a17 css: Use SCSS nesting in settings.scss for `.input-group`. 2020-05-12 23:17:27 -07:00
majordwarf 03a95cfe49 css: Use SCSS nesting in settings.scss for `.dynamic-input`. 2020-05-12 23:17:27 -07:00
majordwarf 1384050683 css: Use SCSS nesting for child elements of `.dynamic-input`. 2020-05-12 23:17:27 -07:00
majordwarf 5af7665b3c css: Reorder `.dynamic-input` to put next to each other. 2020-05-12 23:17:27 -07:00
majordwarf 6371f0109c Use: SCSS nesting in settings.scss for `.table` in `#admin-user-list`. 2020-05-12 23:17:27 -07:00
majordwarf 70ef0e9232 css: Use SCSS nesting in settings.scss for `.settings-info-icon`. 2020-05-12 23:17:27 -07:00
majordwarf 796d3c2e7f css: Use SCSS nesting in settings.scss for `#settings_content`. 2020-05-12 23:17:27 -07:00
majordwarf 806269fc40 css: Reorder `#settings_content` to put next to each other. 2020-05-12 23:17:27 -07:00
majordwarf f6b3aa4e8b css: Use SCSS nesting for avatar, logo and icon selectors. 2020-05-12 23:17:27 -07:00
majordwarf 8543750d43 css: Reorder avatar, logo and icon selection next to each other. 2020-05-12 23:17:27 -07:00
majordwarf cc21c45c7a css: Refactor `.inline-block` in settings.scss. 2020-05-12 23:17:27 -07:00
majordwarf 02516c6f69 css: Use SCSS nesting in settings.scss for `.user-avatar-selection`. 2020-05-12 23:17:27 -07:00
majordwarf 895945b165 css: Reorder `.user-avatar-selection` to put next to each other. 2020-05-12 23:17:27 -07:00
majordwarf aed2450cc0 css: Use SCSS nesting in settings.scss for `label`. 2020-05-12 23:17:27 -07:00
majordwarf bc6baa9f2b css: Reorder `label` next to put next to each other. 2020-05-12 23:17:27 -07:00
Rohitt Vashishtha a9b434b354 night-mode: Update CSS for navbar separators. 2020-05-12 00:16:09 -07:00
Vishnu KS 8fb1f2af58 billing: Support downgrading plan from /billing page. 2020-05-11 17:20:54 -07:00
Aman Agrawal 7197a7ac68 message_edit: Add support for changing stream of a message.
* This feature is currently only visible to admins.
* Locally echoed messages are also updated.
* Add UI for editing stream if user is admin.
* Show propagate mode selector if either stream or topic changed.
2020-05-11 16:25:47 -07:00
Rohitt Vashishtha cf2fafa537 styles: Use pipe character as separator in navbar.
The previous implementation had a weird bug where for some streams, the 1px wide
before and ::after elements would appear to have different widths. See conversation:

https://chat.zulip.org/#narrow/stream/101-design/topic/navbar.20redesign/near/873312
2020-05-11 14:38:58 -07:00
Rohitt Vashishtha 032361c66d styles: Refactor to remove a duplicate block. 2020-05-11 14:38:58 -07:00
Siddharth Varshney d1d012c1c4 desktop-login: Use zulip design styles for desktop-login.
Fixes: #14827
2020-05-10 23:05:19 -07:00
Steve Howell d5cadbcec2 user settings: Separate code for bot form.
When editing a bot, there are only two fields
that are similar to humans--full name and
email--which are trivial.

Before this commit we used a single codepath
to build the human form and the bot form.

Now we have two simple codepaths.

The tricky nature of the code had already led
to ugly things for the bot codepath that
fortunately weren't user facing, but which
were distracting:

    - For bots we would needlessly set things
      like is_admin, is_guest in the template
      data.

    - For bots we would needlessly try to update
      custom profile fields.

The code that differs between bots and humans
is nontrivial, and the code was both hard to read
and hard to improve:

    - Humans don't have bot owners.

    - Bots don't have custom profile fields.

The bot-owner code is nontrivial for performance
reasons.  In a big realm there are tens of thousands
of potential bot owners.  We avoid the most egregious
performance problems (i.e we don't have multiple
copies of the dropdown), but we may still want
to refine that (at least adding a spinner).

The custom-profile-fields code is nontrivial due
to the dynamic nature of custom profile fields,
which can bring in specialized widgets like
pill fields.

Now each form corresponds to a single endpoint:

    * human -> /json/users
    * bot -> /json/bots

Before we had a lot of conditional logic in
the template, the code to build to views, and
the code to submit the data.  Now everything is
much flatter.

The human code is still a bit messy (more work
coming on that), but the bot code is fairly
pristine.  All three components of the bot code
fit on a page, and there are no conditionals:

    - admin_bot_form.hbs
    - open_bot_form
    - handle_bot_form

We may want to grow out the bot code a bit
to allow admins to do more things, such as
adding services, and this will be easier now.
It would also be easier for us now to share
widgets with the per-user bot settings.

Note that the form for editing human data will
continue to be invoked from two panels:

    - Users
    - Deactivated users

There are some minor differences between
users and deactivated users, but the shape of
the data is the same for both, so that's still
all one codepath.

We eliminate `reset_edit_user` here, since
it was never used.

One nice thing about these forms was that they
had very little custom CSS attached to them
(at form-level specificity), and it turned out
all the custom CSS was for the human-specific
form.
2020-05-09 10:22:37 -07:00
Rohitt Vashishtha dafc21ed7e widgets: Style buttons properly in night-mode. 2020-05-06 09:57:36 -04:00
shubhamgupta2956 83f7241606 css: Use SCSS nesting for 'ul.filters'. 2020-05-05 16:47:59 -07:00
shubhamgupta2956 2487d834c7 css: Reorder "ul.filters" in left-sidebar.scss. 2020-05-05 16:47:59 -07:00
shubhamgupta2956 70a12cc458 css: Use SCSS nesting for chevron's styling.
Using SCSS nesting, refactor and merge various chevron's styling
elements(".all-messages-arrow", ".starred-messages-sidebar-arrow",
".stream-sidebar-arrow" and ".topic-sidebar-arrow") in
left-sidebar.scss.
2020-05-05 16:47:59 -07:00
shubhamgupta2956 063d47371c css: Reorder chevron styling in left-sidebar.scss. 2020-05-05 16:47:59 -07:00
Tim Abbott b9098a42d4 messages: Allow moving a topic to another stream.
This completes the implementation of support for moving a topic to
another stream by adding a basic UI for it.

Fixes #6427, which was previously the most-upvoted issue request in
Zulip.

There are likely to be a bunch of follow-up UI improvements on top of
this change to fully flesh out the feature.
2020-05-04 10:03:03 -07:00
vaibhavrajsingh2001 a3d51ae9af regression: Add minimum height to custom user field textbox.
Also, if the width of the texbox increased too much, the avatar icon
would move below. Fixed by setting max-width that matches the width of
the other textboxes.

Fixes: #14826
2020-05-01 11:00:56 -07:00
shubhamgupta2956 e1b8e9d7da css: Merge css properties of "#streams_header". 2020-04-30 16:56:34 -07:00
shubhamgupta2956 ff17279edb css: Use SCSS nesting for '.pm-box'. 2020-04-30 16:56:34 -07:00
shubhamgupta2956 fc8e6d6370 css: Use SCSS nesting in left-sidebar.scss.
Use SCSS nesting for "#streams_inline_cog, streams_filter_icon in
left-sidebar.scss.
2020-04-30 16:56:34 -07:00
shubhamgupta2956 628d9d1f25 css: Use nesting for "li.expanded_private_message". 2020-04-30 16:56:34 -07:00
shubhamgupta2956 85e151cc38 css: Use SCSS nesting for '.show-all-streams'. 2020-04-30 16:56:33 -07:00
shubhamgupta2956 18d7036eb6 css: Reorder ".show-all-streams". 2020-04-30 16:56:33 -07:00
shubhamgupta2956 974fd26139 css: Merge common CSS property in chevron styling. 2020-04-30 16:56:31 -07:00
shubhamgupta2956 662f202fa8 css: Use SCSS nesting for '#global_filters'. 2020-04-30 16:56:23 -07:00
shubhamgupta2956 e0071af1c7 css: Reorder "#global_filters". 2020-04-30 16:56:23 -07:00
shubhamgupta2956 3f76c963b2 css: Use SCSS nesting for "#left-sidebar". 2020-04-30 16:56:23 -07:00
shubhamgupta2956 ad3e7eebe3 css: Reorder "#left-sidebar" in left-sidebar.scss. 2020-04-30 16:56:23 -07:00
shubhamgupta2956 b9b73695cc css: Use SCSS nesting for "#stream_filters". 2020-04-30 16:56:23 -07:00
shubhamgupta2956 fb69457989 css: Reorder "#stream_filters". 2020-04-30 16:56:23 -07:00
Pranav 43b0acdae8 settings: Use & selector reference to correctly style alerts.
The alert-error class styling was not being applied to alert-notifications
because of incorrect styling. The alert-notifications and the
alert-error classes were applied to the same element, whereas the CSS
expected the alert-error class to be applied to children of the class
with alert-notifications. Fixed this by using the parent-selector
reference '&' to correctly select the styling.
2020-04-30 16:13:49 -07:00
vaibhavrajsingh2001 bde965aed0 user settings: Correct overflow behaviour of custom user field.
Fixes: #14816
2020-04-30 12:54:20 -07:00
Siddharth Varshney de47262518 sidebar: Rename classes for menu icons in sidebars. 2020-04-30 10:56:09 -07:00
Pranav 069da46769 composebox: Make empty msg alert's cross prominent in night mode.
Increased opacity of the cross in night mode to make the cross easily
visible. Previously, low values of opacity caused the cross to be not
easily visible.

Fixes #14459.
2020-04-29 16:19:08 -07:00
Jagan 805ac2475b settings: Redesign edit bot form.
This removes the weird edit-bot sidebar, replacing it with a modal,
matching our edit-user widget (and various similar ones).

Fixes #13644 by removing the buggy code.
2020-04-28 23:08:45 -07:00
Dinesh 2735860f01 browser_support: Drop support for Internet Explorer.
Internet Explorer does not support `position: sticky` which improves
floating recipient bar behavior during scrolling which is one of the
issues blocking PR #9910.
IE also does not support some features that modern browsers support
hence may not super well.
This commit adds an error page that'll be displayed when a user logs
in from Internet Explorer. Also, a test is added.
2020-04-23 17:50:28 -07:00
Jagan c69dc720ff admin user list: Replace the buttons with icons.
1. Replaced the deactivate and reactivate buttons with icons.
2. Added (you) near the current user name to denote his/her account in
the entire user list.

Tweaked by tabbott to reuse the (you) formatting from the right
sidebar here for readability and consistency.

Fixes #6313.
2020-04-23 16:49:57 -07:00
Anders Kaseorg b26a420c7a styles: Size full-viewport fixed elements as 100%, not 100vw × 100vh.
Mobile Chrome includes the height of the address bar in its
calculation of 100vh, which was causing a corresponding part of our
content to be pushed off the bottom of the screen.

Fixes #11324.

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-04-23 15:47:43 -07:00
YashRE42 30065b4ee8 navbar: Increase the click area of to initiate search.
This commit:
- Switches margin for padding on the search closed icon, to ensure we
  cover the region to the right of icon as clickable area.
- Applies the click handler that initiates the search to the second
  last element of the navbar:
  - This will most commonly be the narrow_description element, but may
    also be the entire navbar eg in the case of "ALL" or "starred".
    Applying this change to user names in "group-pm-with: ..." based
    narrows is a little questionable, but there are no other triggers
    on these names so this change makes sense for now.
  - The narrow_description may also contain links, which need to be
    handled correctly so that the behave like links should. We work
    around the onClick on the narrow_description, by applying a
    handler to <a> tags and invoking stopPropagation.
- We also add CSS to change the cursor to a pointer to make the
  search icon change color on hover over the clickable area to
  indicate that the search box can be opened with a single click.
- However, since <a> tags are handled differently, we add a hover
  listener which makes sure it behaves appropriately. We also increase
  the vertical padding of the <a> tags so they cover the entire
  vertical navbar region.
2020-04-23 15:37:51 -07:00