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
Vaibhav
9096affe77
css: Move stylesheets not included in the app to another directory.
...
This moves all the stylesheets like stats, billing etc. to another
directory called `static/styles/portico/`, matching the directory
structure of our JavaScript.
2019-06-12 16:59:52 -07:00
Alexandra Ciobica
8f9fa151a6
css: Center left sidebar `Add streams icon`.
...
The `+` from the add streams button was not on the same line as the
`#`s and the text was not aligned with streams name. These changes
fix that.
2019-06-12 16:22:51 -07:00
Alexandra Ciobica
7544d0eb11
css: Add space below `Add streams button`.
...
This ensures the browser's showing the link feature doesn't occlude
this button.
Fixes : #12519 .
2019-06-12 16:22:02 -07:00
Alexandra Ciobica
161d196759
css: Add nightmode variant for fetching more messages loading indicator
...
Fixes : #12522 .
2019-06-07 10:45:29 -07:00
Vaibhav
90a67a6b4f
css: Use SCSS nesting in alerts.scss for `.alert`.
2019-06-06 11:41:35 -07:00
Vaibhav
4b315a63cc
css: Cleanup alerts.scss combing rules under same selector `.alert`.
2019-06-06 11:41:35 -07:00
Vaibhav
7c51e59a35
css: Use SCSS nesting in alerts.scss for `.alert-box`.
2019-06-06 11:41:35 -07:00
Vaibhav
b04e1c918a
css: Reorder alerts.scss so `.alert-box .alert` are in same place.
2019-06-06 11:41:35 -07:00
Vaibhav
9f5b1f19e9
css: Use SCSS nesting in alerts.scss for `.alert`.
2019-06-06 11:41:35 -07:00
Vaibhav
af5d3769a7
css: Nest `.hotspot-popover` arrows inside `.hotspot.overlay`.
...
No changes were required in night mode since the night-mode css
already includes the same level of nesting.
Tested visually as well.
2019-06-05 17:08:59 -07:00
Vaibhav
4c41bc1324
css: Use SCSS nesting in hotspots.scss for `.hotspot-popover`.
2019-06-05 17:08:59 -07:00
Vaibhav
d43548c7ca
css: Use SCSS nesting in hotspots.scss for `.hotspot-popover.arrow-*`.
2019-06-05 17:08:59 -07:00
Vaibhav
209b16e667
css: Use SCSS nesting for in hotspots.scss for `.hotspot-confirm`.
2019-06-05 17:08:59 -07:00
Vaibhav
2b6acbfe03
css: Nest hotspot inline elems inside `.hotspot-inline`.
...
No changes required here for night-mode.
2019-06-05 17:08:59 -07:00
Vaibhav
ce34fe51cd
css: Use SCSS nesting in hotspots.scss for `.hotspot-inline`.
2019-06-05 17:08:59 -07:00
Vaibhav
9db1a5458d
css: Reorder hotspots.scss so `.hotspot-inline` are in same line.
2019-06-05 17:08:59 -07:00
Vaibhav
74e6b5c926
css: Use SCSS nesting in hotspots.scss for `.hotspot.overlay`.
2019-06-05 17:08:59 -07:00
Vaibhav
5f18cc16b7
css: Reorder hotspots.scss so `.hotspots.overlay` are in same place.
2019-06-05 17:08:59 -07:00
Vaibhav
25db1d953d
css: Use SCSS nesting in hotspots.scss for `.hotspot-icon`.
2019-06-05 17:08:59 -07:00
Vaibhav
e664eb736a
css: Reorder hotspots.scss so `.hotspot-icon` are in same place.
2019-06-05 17:08:59 -07:00
Vaibhav
a52c157dd3
css: Add similar nesting to night-mode emoji elements as in reactions.scss.
...
Due to additional nesting added in reactions.scss, night-mode styles
were prioritized lower than the original rules defined.
Fixes regressions introduced by changes in PR #12473
2019-06-05 12:36:53 -07:00
Vaibhav
3444691fc1
css: Nest elems inside `.emoji-info-popover`.
...
These include:
* `.emoji-showcase-container`
* `.emoji-popover`
2019-06-03 15:30:51 -07:00
Vaibhav
c6071c0d7a
css: Reorder so that elems inside emoji info popover are together.
2019-06-03 15:30:51 -07:00
Vaibhav
14a850dcb4
css: Nest elements inside `.emoji-popover`.
...
These include:
* `.emoji-popover-top`
* `.emoji-popover-category-tabs`
* `.emoji-popover-emoji-map`
* `.emoji-search-results-container`
* `.emoji-popover-emoji`
2019-06-03 15:30:51 -07:00
Vaibhav
3d21cb4bea
css: Reorder reactions.scss so elems inside emoji popover are together.
2019-06-03 15:30:51 -07:00
Vaibhav
e33f8f0730
css: Nest popover subheading inside emoji map.
2019-06-03 15:30:51 -07:00
Vaibhav
7189de9722
css: Seperate height of emoji map from results container.
...
The only difference between emoji popover map and results container
is their height. For the results container the height is overridden
in the next rule. Seperating just makes it clearer that both of them
have the same styles except for the height. This also makes it easier
to nest the sub-heading inside the map in the following commit.
2019-06-03 15:30:51 -07:00
Vaibhav
62b1ccee26
css: Nest emoji results heading inside results container.
2019-06-03 12:36:32 -07:00
Vaibhav
1f425d8e58
css: Nest emoji preview and canonical name inside showcase container.
2019-06-03 12:36:32 -07:00
Vaibhav
a418984bf2
css: Nest `.message_reaction .emoji` inside `.message_reactions`.
2019-06-03 12:36:32 -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