Commit Graph

2654 Commits

Author SHA1 Message Date
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