Commit Graph

195 Commits

Author SHA1 Message Date
Penar Musaraj 005e1ecb9b
FEATURE: Update Font Awesome to v5.4.1 and SVGs (#6557)
* First take on subsetting svg icons

* FontAwesome 5 svg subset WIP

* Include icons from plugins/badges into svg sprite subset

* add svg icon support to themes

* Add spec for SvgSprite

* Misc. SVG icon fixes

* Use FA5 svgs in local-dates plugin

* CSS adjustments, fix SVG icons in group flair

* Use SVG icons in poll plugin

* Add SVG icons to /wizard
2018-11-07 13:05:43 -05:00
Kris 36e2f863ee UX: Increase size of topic title tap target on mobile 2018-10-24 20:43:38 -04:00
Kris 42066e407d UX: updating style of mobile navigation dropdown 2018-10-01 14:49:00 -04:00
Joe e844fa5370
UX: general cleanup of inputs, buttons and select elements - part 1 2018-09-19 20:37:04 +08:00
Kris 60b2c3207e larger mobile topic list badges 2018-07-27 13:10:13 -04:00
Kris 67b6539d98 rounder topic-list badges in iOS 2018-07-25 23:58:23 -04:00
Kris 998b7fb87a Rounder topic-list badges on mobile 2018-07-25 22:30:30 -04:00
Kris a201103127 removing some old styles 2018-07-12 00:53:24 -04:00
Joe 5fc4e9e324
FIX: nav-pill dropdown overlaps category-selector when both are open 2018-06-20 13:09:14 +08:00
Joffrey JAFFEUX 174d392e5a
DEV: adds prettier (#5956)
Run `prettier --write "app/assets/stylesheets/**/*.scss" "plugins/**/*.scss"` after making sure you installed it with `yarn`

It's recommended to configure your editor to run prettier on file save.
2018-06-08 11:49:31 +02:00
Kris 5c7a235c03 minor mobile nav fix 2018-05-10 00:17:15 -04:00
Kris a2e2b83415 fix for tag notification dropdown 2018-05-09 19:03:02 -04:00
Kris 7d66e11771
UX: Mobile Nav Cleanup (#5812) 2018-05-09 17:48:34 -04:00
Kris 70ed25470d Streamlining select-kit styles for simpler styling 2018-05-01 20:43:18 -04:00
Kris 0163798c0e Define primary table borders in one place 2018-04-30 20:45:49 -04:00
Michael Howell b00a7b0bf7 Fix the badge widows on mobile (#5777) 2018-04-23 14:04:47 -04:00
Kris 4997ede16c mobile th padding was too broad 2018-04-20 19:14:48 -04:00
Kris 31c1c32b68 adding seperator for subcategories to category page 2018-04-20 16:48:25 -04:00
Kris bd2ab837a7 Adding borders to divide categories 2018-04-20 13:22:35 -04:00
Neil Lalonde cc16a64ad1 UX: on topic list page for a tag, show the Create Topic button to admins too 2018-03-16 13:43:25 -04:00
Kris e32691a3e9 Simplifying category overflow on category pages 2018-02-27 13:11:22 -05:00
Kris 677e126fbf UX: Implementing a box-shadow system, cleaning up existing shadows 2018-02-20 12:18:20 -05:00
Joffrey JAFFEUX 3a290ee625
FEATURE: replaces category/tag dropdowns by select-kit 2018-01-24 11:48:20 +01:00
Kris 0c01e0b2fe
UX: Implementing a z-index system (#5507) 2018-01-16 19:05:12 -05:00
Kris 674013129a
UX: Type system rebuild (#5492) 2018-01-12 17:27:38 -05:00
Kris d90fc415a1 UX: Reducing number of font sizes used in mobile view 2017-12-19 17:40:08 -05:00
Joffrey JAFFEUX dd5562322b Revert "FIX: reflects discourse icons naming scheme s/d-icon-*/d-*"
This reverts commit b5ed980235.
2017-11-23 18:24:26 +01:00
Joffrey JAFFEUX 9f0798682e
FIX: tweak alignment of select-kit in navigation bar 2017-11-23 10:42:39 +01:00
Joffrey JAFFEUX b5ed980235
FIX: reflects discourse icons naming scheme s/d-icon-*/d-* 2017-11-21 16:01:15 +01:00
Joffrey JAFFEUX 39f3dbd945
Introduces select-kit
* renames `select-box-kit` into `select-kit`
* introduces `single-select` and `multi-select` as base components
* introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search
* improves events handling in select-kit
* recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component
* replaces category-selector by a component using select-kit and based on multi-select
* improves positioning of wrapper
* removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components
* introduces a formal plugin api for select-kit based components
* introduces a formal pattern for loading and updating select-kit based components:

```
computeValue()
computeContent()
mutateValue()
```
2017-11-21 11:53:09 +01:00
Joffrey JAFFEUX ae1743c61f [WIP] select-box-kit refactoring 2017-10-19 12:51:08 -07:00
Kris dc2d9f05dc removing scale-color, first pass 2017-10-13 11:57:10 -04:00
Joffrey JAFFEUX bba26e48a0 FIX: positioning issues with notifications-button 2017-09-10 11:36:57 +02:00
Joffrey JAFFEUX 1d52231f42 FIX: css regression on category-dropdown-button 2017-09-08 21:28:28 +02:00
Joffrey JAFFEUX cf6fb7622e Replaces all notification-options like dropdowns with select-box 2017-09-08 20:47:39 +02:00
Robin Ward 6dfa3625df REFACTOR: Replace `fa-*` in SCSS with `d-icon-*` 2017-07-27 15:09:30 -04:00
awesomerobot c29b7aa65d initial pass at color simplification 2017-07-14 21:43:35 -04:00
Neil Lalonde 6e847bb297 FEATURE: mobile support for row and box category styles 2017-03-27 13:55:39 -04:00
Neil Lalonde 0083602ddd Revert "FEATURE: mobile support for row and box category styles" 2017-03-25 00:38:56 -04:00
Neil Lalonde 33ed064e59 FEATURE: mobile support for row and box category styles 2017-03-23 16:03:27 -04:00
Rafael dos Santos Silva e9fa936389 Uses CSS animation for highlight on mobile too 2016-12-16 19:26:49 -02:00
Guo Xiang Tan 72b321b7b4 Revert "UX: Centering Badge notification styles on mobile."
This reverts commit fce902ab1e.
2016-08-08 09:02:46 +08:00
Guo Xiang Tan fce902ab1e UX: Centering Badge notification styles on mobile. 2016-08-08 07:24:09 +08:00
Sam Saffron bea06afd3d UX: suppress description excerpt on mobile 2016-07-14 22:38:16 +10:00
Neil Lalonde f3f6c2f98f FEATURE: tag groups 2016-06-06 14:18:48 -04:00
Arpit Jalan 6aa376576f UX: set max-width for topic list 2016-01-15 01:42:09 +05:30
Arpit Jalan 68a69c213c UX: handle long words in topic title 2016-01-13 12:11:02 +05:30
Régis Hanol 13bf6a6d7b UX: move 'new dot' in mobile topics lists at the end of the topic title 2015-11-09 11:24:19 +01:00
Jeff Atwood 131ae8486b slightly larger reply count numbers on mobile 2015-11-03 15:10:21 -08:00
Régis Hanol bde4bc52d7 UX: use 'last poster' avatar for mobile topics list 2015-10-30 16:50:46 +01:00
Régis Hanol 9483940244 UX: new topics list for mobile 2015-10-23 10:19:28 +02:00
Jeff Atwood fac25763ba mobile topic list and user page CSS tweaks 2015-10-22 23:23:13 -07:00
Jeff Atwood 722cce7400 FIX: mobile logo was too wide 2015-10-19 23:02:32 -07:00
Neil Lalonde 0aee7b8211 move age beside title on mobile categories page 2015-09-17 15:25:37 -04:00
Neil Lalonde f321dd2046 UX: mobile /categories page new and unread styles match other topic lists 2015-09-16 17:12:11 -04:00
Jeff Atwood 74da57f77f minor category page style tweaks for mobile 2015-09-15 14:37:14 -07:00
Régis Hanol 9c740ffa7e UX: top period chooser was misaligned on mobile 2015-09-15 18:33:46 +02:00
Neil Lalonde 3ebad3e294 show a dot and reply count for new topics on mobile 2015-09-14 18:56:38 -04:00
Neil Lalonde 3b46ec7ae3 visual tweaks for topic lists on mobile 2015-09-11 16:34:37 -04:00
scossar e5ade5a761 set widths on table cells 2015-09-11 12:28:14 -07:00
Neil Lalonde 4b43edee91 UX: mobile topic list and suggested topics: show new/unread counts OR total post count, not both. 2015-09-11 11:38:39 -04:00
Neil Lalonde 2922cc3036 UX: mobile topic list: move post count to right side of topic title 2015-09-09 16:05:13 -04:00
Kane York 156c3651b5 DEV: Add choose-grey() function for better greys 2015-08-20 12:54:07 -07:00
Jeff Atwood d38c4d5f74 scale-color $lightness must use $secondary for dark themes 2015-08-20 02:42:12 -07:00
Kane York 2f595f27e9 CLEANUP: Coalesce repeated CSS properties 2015-08-18 22:02:33 -07:00
Simon Cossar 93d9a98497 Remove unnecessary margins from mobile view 2015-07-21 18:46:15 -07:00
Sam fe6203d4ec UX: improve front page styling for mobile 2015-06-22 14:25:17 +10:00
awesomerobot f20c28c16b replacing the remnants of the old color variable code 2015-06-14 22:59:49 -04:00
Jeff Atwood d7692ba6fd add width and style to mobile category borders 2015-05-20 00:46:37 -07:00
Jeff Atwood c29fce142a remove tiger striping from mobile categories page 2015-05-19 16:28:01 -07:00
Jeff Atwood ce1fe8c8c2 remove topic list striping, use bottom border 2015-05-11 16:09:46 -07:00
Neil Lalonde a0afaf6d48 tweak subcategories position on mobile categories page 2015-05-06 10:58:30 -04:00
Neil Lalonde 72cb784eae UX: mobile categories page is more like desktop categories page 2015-05-05 12:04:18 -04:00
Jeff Atwood 876d8a5174 de-emphasize categories on mobile a bit 2015-03-15 02:23:18 -07:00
Sam f4a051c2c3 UX: remove visited styling from topic list 2015-03-10 21:30:46 +11:00
Kris Aubuchon 8932b9afcf rebuilding the category badge css 2015-03-06 13:51:16 -05:00
Jeff Atwood 7b57d6f8f0 try bold topic titles for mobile 2015-03-02 13:00:04 -08:00
Sam 78b879d666 remove superflous rules break firefox 2015-02-03 11:56:57 +11:00
Sam 561278eb38 correct broken mobile styling 2015-01-30 12:09:42 +11:00
Jeff Atwood e122e52fb8 kill some -webkit-transition CSS 2014-12-23 23:18:57 -08:00
Kris Aubuchon 3eebc0e589 changing font sizes to ems, so fonts scale a bit more gracefully 2014-12-15 22:12:56 -05:00
Kris Aubuchon d8c8264b4e fixing loading spinner alignment and striping 2014-12-04 17:05:47 -05:00
Jeff Atwood 3fcde72656 bit shorter max width on mobile categories 2014-12-02 00:41:51 -08:00
Jeff Atwood 0503599de7 suppress long category names on mobile 2014-12-02 00:19:42 -08:00
Kris Aubuchon b97a4f5bd0 sticking transitions into a sass mixin 2014-10-20 09:54:36 -04:00
Jeff Atwood ad4994ff0b move "easier to tap" topic list paddings to base 2014-10-13 00:26:13 -07:00
Jeff Atwood aa4e54f759 add tap space for mobile date field in suggested topics 2014-09-23 01:09:51 -07:00
Jeff Atwood de2274a301 mobile need space between dismiss posts/topic btn 2014-09-23 00:49:14 -07:00
Jeff Atwood fee9f834b6 bigger mobile topic list post count and date tap targets 2014-09-22 22:56:46 -07:00
Kris Aubuchon 5e9dd7da66 fixing egg-shaped badges on mobile 2014-09-04 21:05:38 -04:00
Kris Aubuchon a8e6e1e3d5 adding highlight back to topic-list 2014-08-22 10:45:51 -04:00
Robin Ward c1aa2458f8 UX: Add drop down for top lists, big refactor of repeated code. 2014-08-21 16:08:47 -04:00
Robin Ward c2ed765396 FIX: Category logos were improperly sized on mobile 2014-08-05 17:09:18 -04:00
Régis Hanol b196de0821 TRIVIAL: use class instead of id for the 'topic-list' 2014-07-29 23:38:36 +02:00
Kris Aubuchon 467b358659 tiger striping on mobile categories 2014-07-29 02:04:20 -04:00
Kris Aubuchon 22efc2147b fixing tiger striping on mobile 2014-07-28 10:33:23 -04:00
Kris Aubuchon 1557f07e87 reverting notification style 2014-07-25 23:06:14 -04:00
Kris Aubuchon f050d3e917 fixing notification style update 2014-07-25 12:22:55 -04:00
Jeff Atwood 23d6fd68e5 simplify mobile category page 2014-07-20 01:02:59 -07:00
Jeff Atwood 1c4e3c4a96 mobile category layout fixes 2014-07-19 23:54:57 -07:00