Commit Graph

22 Commits

Author SHA1 Message Date
Anders Kaseorg
abbd8a7f45 styles: Remove most vendor-prefixed CSS attributes.
Many of them are now automatically generated by autoprefixer, while
others are unnecessary based on .browserslistrc, and some were just
wrong (the linear-gradient based checkerboard pattern in lightbox has
been broken in Firefox for a while).

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-30 14:51:52 -07:00
Cynthia Lin
fd7cf53190 templates: Eliminate anchor links with nested buttons.
Given that all links are now modals triggered by JS, the anchor links are
just invalid HTML that have no purpose. This commit refactors the HTML to
eliminate them by adding the Bootstrap-native btn-link class to maintain
styling. Fixes part of #6126.
2019-07-19 13:27:37 -07:00
Vaibhav
30da8bdf9b css: Rename info-overlay tab-switcher to .tab-switcher.allow-overflow.
This apparently is no longer used in any place hence there were no
changes required in the templates.
2019-06-03 12:16:16 -07:00
Vaibhav
56e97d5c37 css: Use SCSS nesting in app_components.scss for .new-style. 2019-06-03 12:16:16 -07:00
Vaibhav
c6b50fbba6 css: Add :focus rule for .new-style .button.btn-warning.
Same as the `:hover` rule similar to other buttons.
2019-06-03 12:16:16 -07:00
Vaibhav
09791b9c29 css: Use SCSS nesting in app_components.scss for .button. 2019-06-03 12:16:16 -07:00
Vaibhav
331f1fc4b7 css: Reorder app_components.scss so .button are in same place. 2019-06-03 12:16:16 -07:00
Vaibhav
6d588b683c css: Use SCSS nesting in app_components.scss for .tab-switcher. 2019-06-03 12:16:16 -07:00
Vaibhav
8ebc8602a5 css: Reorder app_components.scss so .tab-switcher .ind-tab are together. 2019-06-03 12:16:16 -07:00
Vaibhav
5460c4fce5 css: Use SCSS nesting in app_components.scss for .informational-overlays. 2019-06-03 12:16:16 -07:00
Vaibhav
a3ec301218 css: Reorder app_components.scss so .informational-overlays are seperate.
Two rules corresponding to `.informational-overlays` were placed among the
`.new-style` rules. The file is reordered to seperate them.
2019-06-03 12:16:16 -07:00
Vaibhav
082e0bc6f6 css: Use SCSS nesting in app_components.scss for .overlay. 2019-06-03 12:16:16 -07:00
Vaibhav
6abd05f77b css: Reorder app_components.scss so that .overlay.show are in one place. 2019-06-03 12:16:16 -07:00
Vaibhav
ff7aedd78a css: Use SCSS nesting in app_components.scss for .clear_search_button. 2019-06-03 12:16:16 -07:00
Yashashvi Dave
ce917ef3e6 css: Remove display-none class css entirely.
All the elements to which `display-none` class
is applied, are handled with `.show()`/`.hide()`
functions instead of `.addClass('display-none')`
and `.removeClass('display-none')`.
Therefore, we should use apply `display: none;`
to elements with `style` attribute.

This commits removes all usage of `display-none`.
2019-05-08 09:41:48 -07:00
Alexandra Ciobica
8aa982f7ba user status: Add "clear message (x)" button for status message input.
This adds the same "x" button as we have in "stream search" or "people
search" to the user status modal.

The button is shown if someone types something, or if the status
message was already set (meaning there was already a value in the
input field). If the input field is empty, the button is not visible.

This fixes the follow-up comments from #12179.
2019-05-01 16:36:45 -07:00
Anders Kaseorg
324b1d52cb modals: Replace modal dialog scale transition with short slide.
This works better with SimpleBar (see
https://github.com/Grsmto/simplebar/issues/274).

Signed-off-by: Anders Kaseorg <andersk@mit.edu>
2019-03-21 17:27:45 -07:00
Cynthia Lin
022c6d1e52 components: Add basic styling component for guest avatar marker.
Fixes #10754.
2018-12-30 11:07:00 -08:00
Cynthia Lin
cbb6b3a1af styles: Normalize differences in previous hex-to-HSL conversion. 2018-10-16 13:14:19 -07:00
Cynthia Lin
89d81b37d4 styles: Convert background properties to background-color. 2018-10-16 13:14:19 -07:00
Anders Kaseorg
ae55107560 HTML validation: Replace Drafts button with styled link.
<button> inside <a> is invalid.

Signed-off-by: Anders Kaseorg <andersk@mit.edu>
2018-07-12 18:47:10 +05:30
Armaan Ahluwalia
5f7b47e20c css: Transition 'app.css' to SCSS.
This commit transitions all styles in app.css in the Django pipeline
to being compiled by webpack in an app-styles bundle, and renames the
various files to now be processed as SCSS.

To implement this transition, we move the old CSS file refernces in
settings.py and replace them with a bundle declared in
`webpack.assets.json` and includedn in the index.html template

Tweaked by tabbott to keep the list of files in `app.css` in
`webpack.assets.json`, and to preserve the ordering from the old
`settings.py`.
2018-05-02 17:13:16 -07:00