Commit Graph

2637 Commits

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