Commit Graph

21 Commits

Author SHA1 Message Date
Aman Agrawal
904422d8bc css: Convert colors from rgba to hsla format. 2019-06-20 11:34:59 -07:00
Vaibhav
f3d0d955c3 css: Use SCSS nesting in lightbox.scss for #lightbox_overlay. 2019-06-12 17:07:41 -07:00
Vaibhav
a7b820ddc3 css: Use SCSS nesting in lightbox.scss for .image-actions. 2019-06-12 17:07:41 -07:00
Vaibhav
7610c5f025 css: Cleanup lightbox.scss for download and open buttons.
* There is only one word inside the buttons and that too was wrapped
  inside `span.text` which was unnecessary. This is removed. All
  corresponding properties (font-size) are moved to `.button`.

* Since the only `a` inside image actions are these buttons, all
  the properties are transfered to `.button`.

* Similarly, properties for `.icon` are moved to `.button` and it is
  also removed from the template.
  * Font size was redundant for `.icon`
  * display property is moved
2019-06-12 17:07:41 -07:00
Vaibhav
b97ba0b026 css: Remove redundant span:nth-of-type(2) rule from lightbox.scss.
Since no such element exists inside `.image-actions`.
2019-06-12 17:07:41 -07:00
Vaibhav
288a0c241c css: Reorder lightbox.scss so that .image-actions are in same place. 2019-06-12 17:07:41 -07:00
Vaibhav
96fecdd7d5 css: Use SCSS nesting in lightbox.scss for .button. 2019-06-12 17:07:41 -07:00
Vaibhav
ede9faef2e css: Remove redundant .download top positioning in lightbox.scss.
* This rule was already invalid since `.download` is used in
  templates as `.button.download` and here it was defined as
  `.button .download`

* Even if the above was to be corrected, `.download` has position
  `static` and hence the top positioning would never have affected
  anything.
2019-06-12 17:07:41 -07:00
Vaibhav
3641855a2c css: Change rule from a.button to .button in lightbox.scss.
This works since the buttons in lightbox overlay are `a`s. Even if
they weren't so, this style can generally be applied to all the
`.button`s.
2019-06-12 17:07:41 -07:00
Vaibhav
351b3e9332 css: Remove redundant .clear-float since already defined in app_components. 2019-06-12 17:07:41 -07:00
Vaibhav
b75b6ce64c css: Use SCSS nesting in lightbox.scss for .center. 2019-06-12 17:07:41 -07:00
Vaibhav
a1f2b2b5ba css: Nest .image-list .image.selected inside .center. 2019-06-12 17:07:41 -07:00
Vaibhav
7b059fe8bf css: Use SCSS nesting in lightbox.scss for .player-container. 2019-06-12 17:07:41 -07:00
Vaibhav
414358e0a0 css: Use SCSS nesting in lightbox.scss for .image-description. 2019-06-12 17:07:41 -07:00
Vaibhav
a64aac4299 css: Reorder lightbox.scss so .image-descriptio are in same place. 2019-06-12 17:07:41 -07:00
Vaibhav
8ab4d38b6e css: Use SCSS nesting in lightbox.scss for .image-preview. 2019-06-12 17:07:41 -07:00
Vaibhav
249416e94a css: Use SCSS nesting in lightbox.scss for media queries. 2019-06-12 17:07:41 -07:00
vsvipul
a41ada3398 image-action: Fix open and download hover highlight in night mode.
When we try to hover over Open or Download they were not highlighted
in night mode, because of incorrect specificity. This commit adds
highlighting in night mode (possibly fixing a regression when we made
night mode less aggressive about hover).

Fixes #11887.
2019-03-15 11:27:01 -07:00
Tim Abbott
ddb965110f CSS: Remove manual antialiasing configuration.
The antialiasing decisions we made for the webapp should be constant
over the entire page, not limited to particular subsections or themes.

If we wanted antialiasing, we should do it on the entire page, not
individual random widgets.  But it's not clear we actually want to do
it on the entire page.  The `-moz-osx-font-smoothing: grayscale`
setting now happens by default in OSX Mojave (40% world market share
right now and growing), so there's no reason to override it.  And
without retina displays, generally, subpixel rendering provides better
results than antialiasing (which overrides subpixel rendering).

Thanks to Anders Kaseorg for advice on this issue.
2019-03-04 15:12:48 -08:00
Cynthia Lin
67b705207e styles: Convert 3-digit hex values to HSL values. 2018-10-16 13:14:19 -07:00
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