Vaibhav
870ca49f0d
css: Nest `.alert-draft` inside `.new_message_button`.
2019-08-25 15:08:47 -07:00
Vaibhav
0b4f82df79
css: Nest `.button.small` inside `.new_message_button`.
2019-08-25 15:08:47 -07:00
Vaibhav
ac94e3c7b5
css: Use SCSS nesting for `#compose_buttons`.
2019-08-25 15:08:47 -07:00
Vaibhav
877d198363
css: Nest `new_message_button` inside `#compose_buttons`.
2019-08-25 15:08:47 -07:00
Vaibhav
60fe12bcfe
css: Reorder compose.scss so #compose-controls are in same place.
2019-08-25 15:08:47 -07:00
Thomas Ip
d86299309a
org settings: Reduce the width occupied by the actions column in tables.
2019-08-22 13:13:24 -07:00
Thomas Ip
808641a603
css: Tweak sortable list styling to make sortable columns more obvious.
2019-08-21 16:50:22 -07:00
Thomas Ip
e309168d11
org settings: Make linkifiers table sortable.
2019-08-21 16:50:22 -07:00
Pragati Agrawal
c29b197ec7
org settings: Replace usage of ids with classes for upload button.
2019-08-21 15:49:25 -07:00
Pragati Agrawal
a6cd0b8788
org settings: Use `realm-logo-img` class as identifier of realm logo image.
...
This replaces previously being used ids, `realm-settings-logo` and
`realm-settings-night-logo` with a common class `realm-logo-img`.
2019-08-21 15:49:25 -07:00
Vaibhav
c20f1945d7
css: Nest .help-table inside .modal-body.
2019-08-20 12:00:22 -07:00
Vaibhav
a3c6bd68f0
css: Use SCSS nesting for .hotkeys_table.
2019-08-20 12:00:22 -07:00
Vaibhav
c9b8de9cc1
css: Use SCSS nesting for .informational-overlays.
2019-08-20 12:00:22 -07:00
Vaibhav
ba0f377273
css: Reorder informational_overlays.scss so similar elems in same place.
...
Also some whitespace changes. (No separate commit required).
2019-08-20 12:00:22 -07:00
Alexandra Ciobica
96cdfd676b
css: Add bottom margin to titles in the register pages.
2019-08-18 12:57:25 -07:00
Pragati Agrawal
eedcdf7f3b
settings/styles: Reorder `.settings-section .table-striped` to same place.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
78d6ecfa08
settings/styles: Use `.settings-section` for settings `.table-striped`.
...
We have used `.settings-section .table-striped` for other rules to refer the same elements
which are referred by `#settings_page .table-striped`.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
aac9a7a4b1
settings/styles: Remove redundant rules for `.table-striped thead th`.
...
This rule is already specified at
`.settings-section .table-striped thead th`.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
a858d51a85
settings/styles: Nest all `.settings-section` rules.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
9acd8caa59
settings/styles: Remove redundant specificity.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
2c846774c0
settings/styles: Reorder styles in more sensible order.
...
Rather just putting rules in any order it makes more sense to have an order
of basic to more advanced/specific CSS.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
94d867cd11
settings/scss: Reorder `.settings-section` to have them in same place.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
b0b1435a18
settings/scss: Remove now redundant `settings-wrapper` class.
...
No class like this is rendered to page.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
378c1a5994
settings/scss: Reorder to have `.settings-section-title` at same place.
2019-08-18 12:44:40 -07:00
Pragati Agrawal
13d5a21430
settings/scss: Nest many rules inside `#user-groups`.
2019-08-16 10:47:33 -07:00
Pragati Agrawal
44d6123c26
settings/scss: Nest `.user-group` inside `#user-groups`.
2019-08-16 10:46:12 -07:00
Pragati Agrawal
df31238fb7
settings/scss: Make `#user-groups .user-group` rules at same place.
2019-08-16 10:46:12 -07:00
Vaibhav
262e5c6400
css: Use SCSS media queries nesting in drafts.scss.
2019-08-15 22:39:39 -07:00
Vaibhav
2c4f4b0e38
css: Nest .draft-controls inside .draft-info-box.
2019-08-15 22:39:39 -07:00
Vaibhav
ab30295a39
css: Nest .draft-info-box inside .draft-row.
2019-08-15 22:39:39 -07:00
Vaibhav
f94f4ac48e
css: Nest .drafts-list inside .drafts-container.
2019-08-15 22:39:39 -07:00
Vaibhav
4e7f3eba85
css: Nest .exit-sign inside .exit.
2019-08-15 22:39:39 -07:00
Vaibhav
7ed9d10016
css: Nest .exit and .exit-sign inside .drafts-header.
2019-08-15 22:39:39 -07:00
Vaibhav
d20204826d
css: Nest .drafts-header inside .drafts-container.
2019-08-15 22:39:39 -07:00
Vaibhav
591ebb22bf
css: Use SCSS nesting for .draft- row, info-box and controls.
2019-08-15 22:39:39 -07:00
Vaibhav
585b6680ae
css: Reorder drafts.scss so .draft-row are together.
2019-08-15 22:39:39 -07:00
Vaibhav
067c9040e7
css: Use SCSS nesting for .drafts- container, header and list.
2019-08-15 22:39:39 -07:00
Vaibhav
b940406877
css: Reorder drafts.scss so .drafts-container are in same place.
2019-08-15 22:39:39 -07:00
Alexandra Ciobica
f7e88fb2c1
css: Add color variables to integrations.scss.
2019-08-15 16:12:15 -07:00
Alexandra Ciobica
43d11285fa
css: Add background to integrations categories.
2019-08-15 16:12:15 -07:00
Alexandra Ciobica
da9a092d39
css: Refactor integrations to use SCSS nesting.
...
While refactoring, I tested all the rules and removed the CSS that was
not needed or duplicated.
I removed the `$("#integration-list-link").css('display', 'block');` and
moved it to css because there is no case in which the back link is
hidden.
2019-08-15 16:12:15 -07:00
Alexandra Ciobica
84e0327d10
integrations: Fix arrangement of left sidebar `back to list` button.
...
I rearranged the elements of the left sidebar in HTML in order to appear
in the order they are displayed and removed the absolute positioning,
because it was not needed if the elements are arranged correctly. I used
`flex` display to arrange them on column.
I removed the styling that positioned the elements absolutely.
Then I tweaked the margins in order to make the elements look good.
Fixes : #12929
2019-08-15 16:12:15 -07:00
Thomas Ip
cbae51db63
settings: Move API key form into its own modal.
...
The modal is rendered dynamically to avoid password managers
inserting passwords into the input field too aggressively.
Fixes #12523 .
2019-08-14 10:50:45 -07:00
Wyatt Hoodes
f623540409
data export: Add UI to trigger data export.
...
This commit serves as the frontend piece for the "public export"
webapp feature.
Fixes : #11930
2019-08-12 18:21:38 -07:00
Alexandra Ciobica
4c08a840d0
accounts/go: Change class of bottom text to be consistent.
...
I changed the class of the two bottom texts to use the same styling as
(`/new` and `/complete/github`)
2019-08-08 11:12:51 -07:00
Alexandra Ciobica
196185db03
css: Remove unused css from register page.
...
After removing the `bottom-text` from `new organization`, this css from
the register page is not used anymore.
2019-08-08 11:12:51 -07:00
Alexandra Ciobica
eb6c5e1962
auth: Style the GitHub auth email selection page.
...
I added the `white-box` as it was in the other similar pages
(`/accounts/go`).
In order to be able to style it better, I removed the buttons and added
`div`s instead, then added click handler for submitting the form.
If the email is associated to a Zulip account, the avatar of the account
is displayed and the text `Log in`, otherwize a `+` sign is
displayed and the text `Create new account`.
2019-08-08 11:12:51 -07:00
Alexandra Ciobica
e5e45c9a25
auth: Change page title and add description for the list.
...
I changed the class of the title in order to use the same styling as the
other similar pages (like `/accounts/go` or `/login`).
Changed the related test.
2019-08-08 11:12:51 -07:00
Vaibhav
aa29ef0317
css: Use SCSS nesting for 700px media queries in subscriptions.scss.
2019-08-07 17:42:10 -07:00
Vaibhav
5aa22f4acd
css: Reorder so `.subscriptions-container` are in same place.
2019-08-07 17:42:10 -07:00
Vaibhav
7019b8a4c6
css: Use SCSS nesting in subscriptions.scss media queries.
2019-08-07 17:42:10 -07:00
Vaibhav
1b1e74bc24
css: Use SCSS nesting for `ul.grey-box`.
2019-08-07 17:42:10 -07:00
Vaibhav
30af846095
css: Use SCSS nesting for `.poll-edit-question`.
2019-08-07 17:16:49 -07:00
Vaibhav
241015e3e6
css: Use SCSS nesting for `.poll-question-*`.
2019-08-07 17:16:49 -07:00
Vaibhav
1fb5e36e7a
css: Use SCSS nesting for button.task*.
2019-08-07 17:16:49 -07:00
Vaibhav
911e438a14
css: Use SCSS nesting for add-task, poll-question and poll-option.
2019-08-07 17:16:49 -07:00
Vaibhav
6f0f4647ec
css: Nest `.poll-vote` inside `.poll-widget`.
2019-08-07 17:16:49 -07:00
Vaibhav
13293c702e
css: Use SCSS nesting for `.poll-vote`.
2019-08-07 17:16:49 -07:00
Vaibhav
7b77cc936a
css: Reorder widgets.scss so `.poll-vote` are in same place.
2019-08-07 17:16:49 -07:00
Vaibhav
39b1665237
css: Use SCSS nesting for `.poll-widget`, `.todo-widget`.
2019-08-07 17:16:49 -07:00
Vaibhav
11b2748bce
css: Nest `.widget-choices-heading` inside `.widget-choices`.
2019-08-07 17:16:49 -07:00
Vaibhav
27223b258d
css: Use SCSS nesting for `.widget-choices`.
2019-08-07 17:16:49 -07:00
Vinit Singh
a2f9211384
message_view: Show edit history when EDITED notice is clicked.
...
Open the edit history of a message when a user clicks on it's
EDITED notice.
Also, added on-hover darkening for the EDITED notice.
Resolves #12615 .
2019-08-07 16:59:24 -07:00
Anders Kaseorg
becef760bf
cleanup: Delete leading newlines.
...
Previous cleanups (mostly the removals of Python __future__ imports)
were done in a way that introduced leading newlines. Delete leading
newlines from all files, except static/assets/zulip-emoji/NOTICE,
which is a verbatim copy of the Apache 2.0 license.
Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-06 23:29:11 -07:00
Rishi Gupta
a0ebd9276d
portico: Fix bug with .warn on /integrations.
...
Was causing an extra 10px of margin-top on .warn.
In general styles applied to .tip and .keyboard-tip should also be applied
to .warn.
2019-08-05 17:33:05 -07:00
Rohitt Vashishtha
a7f2bedb15
markdown: Enable hashheadings syntax.
...
Our implementation requires at least 1 space after the
'#' not not break existing linkifiers like '#123 ', etc.
that generally follow the convention we show in linkifier
examples.
- [valid] : # Hello
- [valid] : # Hello
- [invalid]: #Hello
For the frontend, we have taken the code from v0.7.0 of
upstream marked and made minor changes to avoid having
to refactor a significant part of our marked code.
For the backend, we merely have to change the regex to
force require spaces after #, and add hashheader to our
list of blockparsers.
Fixes #11418 .
2019-08-02 15:15:34 -07:00
Rohitt Vashishtha
6c34d99ad0
typeahead: Add header text to show info about current completion.
...
We can provide a function that returns an HTML string: `this.header()` to
display a header text above the typeahead. This can be used to provide
contextual information such as hinting about the silent mentions syntax
or the topic mentions syntax.
At the end of this commit, the HTML structure is:
$container <div>
$header <p>
info-icon
header-text
$menu <ul>
list-items
2019-07-31 15:33:27 -07:00
Rohitt Vashishtha
b071270788
typeahead: Add a container div for the typeahead list.
...
This change allows us to add custom changes to the HTML generated
by the typeahead without interfering with the core functions that
are provided by the library.
At the end of this commit, the HTML structure is:
$container <div>
$menu <ul>
list-items
2019-07-31 15:33:27 -07:00
Tim Abbott
38ffde37e5
css: Move edit history highlighting CSS into rendered_markdown.
2019-07-31 12:08:17 -07:00
Tim Abbott
28fc159d24
css: Move more embed CSS into rendered_markdown.
2019-07-31 12:08:17 -07:00
Tim Abbott
4fbc74bb0b
css: Delete custom CSS for message-edit-history.
...
This logic effectively badly duplicated the existing rendered_markdown
CSS.
2019-07-31 12:08:17 -07:00
Tim Abbott
ba66dfe977
css: Scope KaTeX CSS inside rendered_markdown.
...
This is entirely for readability.
2019-07-31 12:08:17 -07:00
Tim Abbott
5b732437c1
css: Scope mentions and alert words in rendered_markdown.
2019-07-31 12:08:17 -07:00
Tim Abbott
97b256d1f0
css: Extract rendered_markdown.scss.
...
This moves our main CSS for rendered Zulip message content into an
external file, which may be reusable but in any case should make it
easier to find this content.
2019-07-31 12:08:17 -07:00
Yashashvi Dave
440975e369
org settings: Fix background color in custom user profile datepicker field.
...
Fixes part of #11453
2019-07-29 15:06:35 -07:00
Anders Kaseorg
29c5b63e64
css: Fix .message_top_line stealing mouse events from .message_edit_form.
...
This is a replacement for the workaround removed by commit
2273608477
.
Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-25 17:55:34 -07:00
Alexandra Ciobica
13bdc655c9
css: Fix `ol`s on integrations.
...
Apparently, the 30px width we allocated to the bullets was
insufficient with the larger font size there.
Edit by tabbott: better to just increase it to 32px everywhere.
2019-07-25 15:08:07 -07:00
Alexandra Ciobica
999209020f
portico: Move `code-section` rules to `markdown.scss`.
...
`code-section` is a feature of the markdown system, therefore the
associated CSS should be in the `markdown.scss` file. I also refactored
to use SCSS nesting.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
8fef764960
css: Make help page height selector from 500px viewport more specific.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
428a5c0d26
css: Change `font-size` of markdown text on why-zulip and integrations.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
4e29721385
css: Remove duplicated css rules.
...
These rules are no longer needed after the addition of `.markdown` class
on the `why-zulip` pages.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
295cbc8535
css: Refactor `markdown.scss` to use SCSS nesting.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
7a22111601
css: Move markdown CSS into separate file.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
d2466e15cb
css: Remove duplicated `integrations` selectors and fix styling.
...
I added the `@media (max-width: 500px)` because the text from the inner
content was gong outside the white background on mobile because of the
height of the `.markdown` class for this viewport.
I moved this `.integration-instructions .help-content h3 { margin: 20px
0 ; }` from the `portico.scss` because it should be in `integrations
.scss`.
I removed the `#hubot-integrations` because I didn't find that id
anywhere.
I removed `.portico-landing.integrations ol ul` because `.markdown`
takes care of that left spacing.
2019-07-25 15:04:09 -07:00
Alexandra Ciobica
93c98e6d9a
css: Remove duplicated selectors from `why-zulip`.
2019-07-25 15:04:09 -07:00
Vaibhav
6bd6b846a5
css: Reorder subscriptions.scss so `.large-icon` are in same place.
2019-07-25 14:44:58 -07:00
Vaibhav
36b78b034b
css: Remove redundant rules from `.large-icon.hash`.
2019-07-25 14:44:58 -07:00
Vaibhav
350bcbea80
css: Use SCSS nesting for `#subscriptions_overlay`.
2019-07-25 14:44:58 -07:00
Vaibhav
86bff0c3ce
css: Nest elements inside `#subscription_overlay`.
2019-07-25 14:44:58 -07:00
Vaibhav
37f70adeb6
css: Use SCSS nesting for `.editable-section`.
2019-07-25 14:44:58 -07:00
Vaibhav
4c70a23d43
css: Nest `#stream_creation_form` inside `#stream-creation`.
2019-07-25 14:44:58 -07:00
Vaibhav
4886f3b8f0
css: Use SCSS nesting for `#stream_creation_form`.
2019-07-25 14:44:58 -07:00
Vaibhav
dd6494343a
css: Use SCSS nesting for `#stream-creation`.
2019-07-25 14:44:58 -07:00
Vaibhav
bd7fc23d30
css: Nest elements inside `#subscription_overlay #stream_creation`.
2019-07-25 14:44:58 -07:00
Vaibhav
4fc3878b00
css: Use SCSS nesting for `.stream-creation-body`.
2019-07-25 14:44:58 -07:00
Vaibhav
6a840e39f6
css: Nest `#announce-new-stream` inside `.stream-creation-body`.
2019-07-25 14:44:58 -07:00
Vaibhav
33bc11980d
css: Use SCSS nesting for `.create_stream_button`.
2019-07-25 14:44:58 -07:00
Yashashvi Dave
e55afc2629
user settings: Update alert message element in change-full-name modal.
2019-07-25 13:33:44 -07:00
Yashashvi Dave
e1dacb99df
user settings: Update alert message element in change-email modal.
2019-07-25 13:33:44 -07:00
Yashashvi Dave
b3b480709d
user settings: Update alert-msg-elem in change password modal.
2019-07-25 13:33:44 -07:00