Commit Graph

2720 Commits

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