9566f4cf6a
css: Reorder so `#stream_message_recipient_stream` is in same place.
2019-08-25 15:09:31 -07:00
edb61eb35e
css: Use SCSS nesting for textarea and .compose_table .recipient_box.
2019-08-25 15:09:31 -07:00
c15c2d3b97
css: Use SCSS nesting for `.dropdown-menu`.
2019-08-25 15:09:31 -07:00
9652e8affb
css: Use SCSS nesting for `.message-control-button`.
2019-08-25 15:09:31 -07:00
71efd80dac
css: Reorder compose.scss so `.drafts-link` is with `.compose_table`.
2019-08-25 15:09:31 -07:00
72e13478cb
css: Nest `#compose-send-button:focus` inside `#send_controls`.
2019-08-25 15:09:31 -07:00
ffa6e72086
css: Use SCSS nesting for `#send_controls`.
2019-08-25 15:09:31 -07:00
417284f38a
css: Remove unnecessary `table.compose_table` rule.
...
Since `.compose_table` is a div and not a table.
2019-08-25 15:09:31 -07:00
52d97e2ca7
css: Use SCSS nesting for `#send_message_form`.
2019-08-25 15:09:31 -07:00
ca4cdb2b29
css: Remove redundant border-radius rule.
...
It's over-written just below.
2019-08-25 15:09:31 -07:00
a19c74bd5e
css: Remove redundant rules for `.message_header*`.
...
Since these rules are overwritten we can remove them. For
message_header_colorblock we can remove `!important` from
box-shadow since it was present due to the removed rules.
2019-08-25 15:09:31 -07:00
1e350cbd09
css: Nest `.message_header_colorblock` inside `.compose_table`.
2019-08-25 15:09:31 -07:00
d18492c1c7
css: Use SCSS nesting for `.compose_table`.
2019-08-25 15:09:31 -07:00
9dd5641d90
css: Use SCSS nesting for #compose-buttons media queries.
2019-08-25 15:08:47 -07:00
8f6ad6bd11
css: Nest `.drafts-link` inside `.new_message_button`.
2019-08-25 15:08:47 -07:00
870ca49f0d
css: Nest `.alert-draft` inside `.new_message_button`.
2019-08-25 15:08:47 -07:00
0b4f82df79
css: Nest `.button.small` inside `.new_message_button`.
2019-08-25 15:08:47 -07:00
ac94e3c7b5
css: Use SCSS nesting for `#compose_buttons`.
2019-08-25 15:08:47 -07:00
877d198363
css: Nest `new_message_button` inside `#compose_buttons`.
2019-08-25 15:08:47 -07:00
60fe12bcfe
css: Reorder compose.scss so #compose-controls are in same place.
2019-08-25 15:08:47 -07:00
d86299309a
org settings: Reduce the width occupied by the actions column in tables.
2019-08-22 13:13:24 -07:00
808641a603
css: Tweak sortable list styling to make sortable columns more obvious.
2019-08-21 16:50:22 -07:00
e309168d11
org settings: Make linkifiers table sortable.
2019-08-21 16:50:22 -07:00
c29b197ec7
org settings: Replace usage of ids with classes for upload button.
2019-08-21 15:49:25 -07:00
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
c20f1945d7
css: Nest .help-table inside .modal-body.
2019-08-20 12:00:22 -07:00
a3c6bd68f0
css: Use SCSS nesting for .hotkeys_table.
2019-08-20 12:00:22 -07:00
c9b8de9cc1
css: Use SCSS nesting for .informational-overlays.
2019-08-20 12:00:22 -07:00
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
96cdfd676b
css: Add bottom margin to titles in the register pages.
2019-08-18 12:57:25 -07:00
eedcdf7f3b
settings/styles: Reorder `.settings-section .table-striped` to same place.
2019-08-18 12:44:40 -07:00
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
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
a858d51a85
settings/styles: Nest all `.settings-section` rules.
2019-08-18 12:44:40 -07:00
9acd8caa59
settings/styles: Remove redundant specificity.
2019-08-18 12:44:40 -07:00
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
94d867cd11
settings/scss: Reorder `.settings-section` to have them in same place.
2019-08-18 12:44:40 -07:00
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
378c1a5994
settings/scss: Reorder to have `.settings-section-title` at same place.
2019-08-18 12:44:40 -07:00
13d5a21430
settings/scss: Nest many rules inside `#user-groups`.
2019-08-16 10:47:33 -07:00
44d6123c26
settings/scss: Nest `.user-group` inside `#user-groups`.
2019-08-16 10:46:12 -07:00
df31238fb7
settings/scss: Make `#user-groups .user-group` rules at same place.
2019-08-16 10:46:12 -07:00
262e5c6400
css: Use SCSS media queries nesting in drafts.scss.
2019-08-15 22:39:39 -07:00
2c4f4b0e38
css: Nest .draft-controls inside .draft-info-box.
2019-08-15 22:39:39 -07:00
ab30295a39
css: Nest .draft-info-box inside .draft-row.
2019-08-15 22:39:39 -07:00
f94f4ac48e
css: Nest .drafts-list inside .drafts-container.
2019-08-15 22:39:39 -07:00
4e7f3eba85
css: Nest .exit-sign inside .exit.
2019-08-15 22:39:39 -07:00
7ed9d10016
css: Nest .exit and .exit-sign inside .drafts-header.
2019-08-15 22:39:39 -07:00
d20204826d
css: Nest .drafts-header inside .drafts-container.
2019-08-15 22:39:39 -07:00
591ebb22bf
css: Use SCSS nesting for .draft- row, info-box and controls.
2019-08-15 22:39:39 -07:00
585b6680ae
css: Reorder drafts.scss so .draft-row are together.
2019-08-15 22:39:39 -07:00
067c9040e7
css: Use SCSS nesting for .drafts- container, header and list.
2019-08-15 22:39:39 -07:00
b940406877
css: Reorder drafts.scss so .drafts-container are in same place.
2019-08-15 22:39:39 -07:00
f7e88fb2c1
css: Add color variables to integrations.scss.
2019-08-15 16:12:15 -07:00
43d11285fa
css: Add background to integrations categories.
2019-08-15 16:12:15 -07:00
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
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
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
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
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
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
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
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
aa29ef0317
css: Use SCSS nesting for 700px media queries in subscriptions.scss.
2019-08-07 17:42:10 -07:00
5aa22f4acd
css: Reorder so `.subscriptions-container` are in same place.
2019-08-07 17:42:10 -07:00
7019b8a4c6
css: Use SCSS nesting in subscriptions.scss media queries.
2019-08-07 17:42:10 -07:00
1b1e74bc24
css: Use SCSS nesting for `ul.grey-box`.
2019-08-07 17:42:10 -07:00
30af846095
css: Use SCSS nesting for `.poll-edit-question`.
2019-08-07 17:16:49 -07:00
241015e3e6
css: Use SCSS nesting for `.poll-question-*`.
2019-08-07 17:16:49 -07:00
1fb5e36e7a
css: Use SCSS nesting for button.task*.
2019-08-07 17:16:49 -07:00
911e438a14
css: Use SCSS nesting for add-task, poll-question and poll-option.
2019-08-07 17:16:49 -07:00
6f0f4647ec
css: Nest `.poll-vote` inside `.poll-widget`.
2019-08-07 17:16:49 -07:00
13293c702e
css: Use SCSS nesting for `.poll-vote`.
2019-08-07 17:16:49 -07:00
7b77cc936a
css: Reorder widgets.scss so `.poll-vote` are in same place.
2019-08-07 17:16:49 -07:00
39b1665237
css: Use SCSS nesting for `.poll-widget`, `.todo-widget`.
2019-08-07 17:16:49 -07:00
11b2748bce
css: Nest `.widget-choices-heading` inside `.widget-choices`.
2019-08-07 17:16:49 -07:00
27223b258d
css: Use SCSS nesting for `.widget-choices`.
2019-08-07 17:16:49 -07:00
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
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
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
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
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
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
38ffde37e5
css: Move edit history highlighting CSS into rendered_markdown.
2019-07-31 12:08:17 -07:00
28fc159d24
css: Move more embed CSS into rendered_markdown.
2019-07-31 12:08:17 -07:00
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
ba66dfe977
css: Scope KaTeX CSS inside rendered_markdown.
...
This is entirely for readability.
2019-07-31 12:08:17 -07:00
5b732437c1
css: Scope mentions and alert words in rendered_markdown.
2019-07-31 12:08:17 -07:00
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
440975e369
org settings: Fix background color in custom user profile datepicker field.
...
Fixes part of #11453
2019-07-29 15:06:35 -07:00
29c5b63e64
css: Fix .message_top_line stealing mouse events from .message_edit_form.
...
This is a replacement for the workaround removed by commit
2273608477
2019-07-25 17:55:34 -07:00
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
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
8fef764960
css: Make help page height selector from 500px viewport more specific.
2019-07-25 15:04:09 -07:00
428a5c0d26
css: Change `font-size` of markdown text on why-zulip and integrations.
2019-07-25 15:04:09 -07:00
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
295cbc8535
css: Refactor `markdown.scss` to use SCSS nesting.
2019-07-25 15:04:09 -07:00
7a22111601
css: Move markdown CSS into separate file.
2019-07-25 15:04:09 -07:00
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
93c98e6d9a
css: Remove duplicated selectors from `why-zulip`.
2019-07-25 15:04:09 -07:00
Vaibhav
Thomas Ip
Pragati Agrawal
Alexandra Ciobica
Wyatt Hoodes
Vinit Singh
Anders Kaseorg
Rishi Gupta
Rohitt Vashishtha
Tim Abbott
Yashashvi Dave