Commit Graph

385 Commits

Author SHA1 Message Date
Kris 98b9913033 UX: Disable button hover effects on touch devices 2018-10-04 17:15:37 -04:00
Joffrey JAFFEUX f34d9202b4
UX: makes reports fade in when loading is done (#6440) 2018-10-02 09:20:04 +02:00
Kris eca671b972 Prevent category dropdowns from cropping text, simplify styles 2018-10-01 11:53:18 -04:00
Joe acd18ff9d8
Fixes typo 2018-09-19 21:08:03 +08:00
Joe e844fa5370
UX: general cleanup of inputs, buttons and select elements - part 1 2018-09-19 20:37:04 +08:00
Kris 5cf1a9a23a UX: primary & danger buttons should lighten on hover in dark themes 2018-09-04 16:18:10 -04:00
Gerhard Schlager 91b3f200f4 UX: Primary button didn't have hover effect anymore 2018-08-31 12:14:41 +02:00
Penar Musaraj 1f45215537 FEATURE: Drafts view in user profile
* add drafts.json endpoint, user profile tab with drafts stream

* improve drafts stream display in user profile

* truncate excerpts in drafts list, better handling for resume draft action

* improve draft stream SQL query, add rspec tests

* if composer is open, quietly close it when user opens another draft from drafts stream; load PM draft only when user is in /u/username/messages (instead of /u/username)

* cleanup

* linting fixes

* apply prettier styling to modified files

* add client tests for drafts, includes a fixture for drafts.json

* improvements to code following review

* refresh drafts route when user deletes a draft open in the composer while being in the drafts route; minor prettier scss fix

* added more spec tests, deleted an acceptance test for removing drafts that was too finicky, formatting and code style fixes, added appEvent for draft:destroyed

* prettier, eslint fixes

* use "username_lower" from users table, added error handling for rejected promises

* adds guardian spec for can_see_drafts, adds improvements following code review

* move DraftsController spec to its own file

* fix failing drafts qunit test, use getOwner instead of deprecated this.container

* limit test fixture for draft.json testing to new_topic request only
2018-08-01 16:34:54 +10:00
Kris 331296e851 Fix for JK highlighting, typo 2018-07-16 14:52:00 -04:00
Kris 35e8d489de Fixing JK highlighting for Edge 2018-07-16 14:51:05 -04:00
Kris b79fedd540 Streamlining some breakpoint mixins 2018-07-12 16:39:16 -04:00
OsamaSayegh d58ff44b04 Simplify to only support topics list for now 2018-06-25 15:02:22 +10:00
OsamaSayegh b4a13a1afa UX: keyboard shortcuts (j/k) should work with /categories 2018-06-25 15:02:22 +10:00
Kris 5d0d56e474 removing unneeded line-height 2018-06-21 10:37:30 -04:00
Joe 4645cf6b28
FIX: remove unwanted space in user notification items 2018-06-15 15:44:51 +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
Joffrey JAFFEUX af548c23c4
new dashboard quality pass (code, tests and UI) 2018-05-17 22:44:33 +02:00
Kris 5fc2dd8b8d group name alignment in user-stream 2018-05-08 21:35:53 -04:00
Joffrey JAFFEUX 980972182f
dashboard next: caching, mobile support and new charts 2018-05-03 15:41:41 +02:00
Kris 3f7dafb69d Making user table responsive for tablets 2018-04-25 12:00:35 -04:00
Régis Hanol 758e3fb3c5 wrong file 2018-04-20 17:44:17 +02:00
Régis Hanol b489edac1d UX: display staged status on user summary page 2018-04-20 17:42:06 +02:00
Guo Xiang Tan b3a88109a8 Minor UX tweaks to group pages. 2018-04-13 10:10:42 +08:00
Kris 803b53f2e3
Adding space before URL click-counter for improved copy & paste-ability (#5698) 2018-03-22 21:27:08 -04:00
Guo Xiang Tan 0a567d0176 UX: Add mobile template for group members page. 2018-03-22 20:59:30 +08:00
Guo Xiang Tan be866dbe6e UX: Allow group owners to manage members from group members page. 2018-03-21 18:22:55 +08:00
Kris 0ec1dc9237 UX: Improving badge page layout 2018-03-02 12:43:01 -05:00
Kris 382dbfbb8a Fix for categories with icons not wrapping properly 2018-02-26 17:00:03 -05:00
Kris 436d2b57c9 Fixing categories not wrapping properly 2018-02-26 16:33:24 -05:00
Kris e2a524550c Prevent long category names from breaking topic/category list layouts 2018-02-26 14:21:28 -05:00
Arpit Jalan d170c8fccc Revert 'Accessibility: focus management in topics'
reverts:

- 3df0626aa5
- 3212cdda78
- 59b7760e2e
- bfc1301823
2018-02-22 10:32:37 +05:30
Kane York bfc1301823 UX: Remove default focus styling from posts & topic list items
The styling is superseded by the .selected management
2018-02-22 12:21:23 +08:00
Joffrey JAFFEUX 6f5acfe783 Login with email/forget password UI refactoring
* move button into login modal with social buttons
* adds email link next to login field when filling it
* adds proper validation messages
* improves forgot password flash clearing
* more tests
2018-02-22 08:06:15 +08:00
Kris 677e126fbf UX: Implementing a box-shadow system, cleaning up existing shadows 2018-02-20 12:18:20 -05:00
Kris e85458e1b9 Removing old bootstrap columns 2018-02-14 12:27:34 -05:00
Kris cf623e65e0 tag alignment fix 2018-02-02 21:29:51 -05:00
Kris 9e690bf238
UX: Cleaning up category badge alignment (#5561) 2018-02-02 19:03:25 -05:00
Kris add641cbbc
UX: Input and search cleanup (#5546)
* Cleaning up input sizes

* alignment

* more alignment adjustments
2018-01-31 11:44:51 -05:00
Kris 452a6bfa9c Minor alignment fix for bullet categories 2018-01-26 16:35:49 -05:00
Joffrey JAFFEUX 3a290ee625
FEATURE: replaces category/tag dropdowns by select-kit 2018-01-24 11:48:20 +01:00
Kris fb2ab3c4d4 UX: White text for social login buttons, regardless of theme 2018-01-22 21:19:38 -05:00
Kris 99cabd071a UX: Very long tag names should truncate 2018-01-22 17:14:40 -05:00
Joffrey JAFFEUX 7eb9f4d9f7
FIX: badge with box mode having incorrect background size
This bug was hitting FX and IE
2018-01-17 17:54:51 +01:00
Kris 0c01e0b2fe
UX: Implementing a z-index system (#5507) 2018-01-16 19:05:12 -05:00
Kris 4128f36f52 UX: Tag alignment and size in topic titles 2018-01-15 22:56:37 -05:00
Kris 674013129a
UX: Type system rebuild (#5492) 2018-01-12 17:27:38 -05:00
Joffrey JAFFEUX 3a7d2da633
FIX: category badges css refactoring/fixes
This commit fixes multiple css issues with category badges in select-kit and outside of select-kit. It also contains refactoring of components impacted by those changes.
2018-01-11 13:05:29 +01:00
Robin Ward b3fda0ea86 FIX: details tags broke excerpts 2017-12-19 17:28:55 -05:00
Kris 2d9d43ed1a UX: Removing px font defintions and replacing with em 2017-12-18 15:49:11 -05:00
Kris 60cd28d5b9
UX: Cleaning up user profiles on mobile 2017-12-11 15:40:04 -05:00
Kris 87c83f102d small color fix 2017-11-27 18:30:12 -05:00
Kris d31c8ffa87
small color adjustment (#5374) 2017-11-27 18:20:07 -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 b5ed980235
FIX: reflects discourse icons naming scheme s/d-icon-*/d-* 2017-11-21 16:01:15 +01:00
Robin Ward 55e5cfcc67 UX: Collapse button displayed in the wrong place 2017-11-13 12:29:18 -05:00
Robin Ward e700068b17 UX: Convert Group Posts to Flexbox 2017-11-02 14:47:17 -04:00
Kris 4e2b85bb7f updating banner style, fixes darker themes 2017-10-26 22:39:27 -04: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
Robin Ward 8323e22d0c Rename `auto-update-input` to more accurate `future-date-input` 2017-09-25 12:28:00 -04:00
Joffrey JAFFEUX 7f69ace112 FIX: makes sure select-box is under header and over avatar on mobile 2017-09-14 19:59:32 +02:00
Joffrey JAFFEUX 3713278a4b FIX: reason paragraph styling broken on mobile 2017-09-13 10:24:02 +02:00
Joffrey JAFFEUX 64c154d9df FIX: prevents click on select-box to close timeline-container on mobile 2017-09-13 10:00:10 +02:00
Joffrey JAFFEUX e924920bec uses select-box for pinned-button
This commit also moves more logic in dropdown-select-box instead of
duplicating it for notifications-options and pinned-options
2017-09-11 19:14:22 +02:00
Joffrey JAFFEUX 2708243584 FIX: makes sure the select-box doesn’t go over header 2017-09-11 11:23:46 +02:00
Joffrey JAFFEUX b2dcb51e48 adds missing spacing around links in reason text 2017-09-11 10:42:53 +02:00
Joffrey JAFFEUX cf624bead0 FIX: cross browser issues on safari and edge 2017-09-10 22:25:31 +02:00
Joffrey JAFFEUX 6d6fe7b3a9 adds more specificity to .dropdown-select-box 2017-09-10 20:57:34 +02:00
Robin Ward 8e7e43a2d0 FIX: Duplicate class name 2017-09-10 14:09:29 -04:00
Joffrey JAFFEUX 4b558638c8 FEATURE: improves keyboard handling of select-box
- arrow keys
- escape key
2017-09-10 19:12:03 +02:00
Joffrey JAFFEUX bba26e48a0 FIX: positioning issues with notifications-button 2017-09-10 11:36:57 +02:00
Joffrey JAFFEUX 950b9e9eaf FIX: keeps as much as possible the same api for select-box components 2017-09-09 20:29:07 +02:00
Joffrey JAFFEUX 753bf72921 FIX: adds correct spacing between footer buttons 2017-09-09 02:28:51 +02:00
Joffrey JAFFEUX 253672f3fa makes notification-options design more compliant with existing design 2017-09-09 01:53:10 +02:00
Joffrey JAFFEUX ab700d86ba lighter icon color for categories-admin-actions 2017-09-09 01:52:36 +02:00
Joffrey JAFFEUX 5b9819f4ed minor fixes to select-box 2017-09-09 00:49:33 +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
Joffrey JAFFEUX d2d1c29f48 FIX: topic-notifications was taking too much space on mobile 2017-09-07 20:13:32 +02:00
Joffrey JAFFEUX 70d0e175a2 FIX: default select-box-row should be aligned vertically 2017-09-07 17:03:48 +02:00
Joffrey JAFFEUX 633d2fde45 removes select-box minWidth property
Using css offers more flexibility
2017-09-07 16:56:16 +02:00
Joffrey JAFFEUX ca58a8228c minor css fixes on select-box 2017-09-07 16:56:00 +02:00
Joffrey JAFFEUX ccf5005feb FEATURE: uses select-box for topic-notifications-button component
- Introduces ComponentConnector to use a component inside a widget
- Use css to set size of components instead of properties
- Smarted positionning
- Style tweaks
2017-09-06 16:58:00 +02:00
minusfive 611d62e4a5 Cleanup, deduplicate, debug user css, separated user-info component css 2017-09-01 06:32:27 -07:00
Joffrey JAFFEUX 84e992363c FIX: use maximum z-index for select-box when expanded 2017-08-31 00:55:05 +02:00
minusfive 5fd4970602 Cleanup nav-stacked .active state styles, remove unnecessary nesting 2017-08-30 09:14:56 -07:00
Joffrey JAFFEUX 746c5927e1 Replaces remaining {{category-chooser}} by {{category-select-box}}
To achieve replacement, this commit also adds support for:
- clearSelectionLabel which will allows to unselect any chosen category
- select-box inside a modal
- fixes minor css positioning issues

Note: {{category-chooser}} will be removed in the next weeks.
2017-08-30 17:04:17 +02:00
Joffrey JAFFEUX 98c6c7e35a FIX: css regression on select-box 2017-08-29 15:52:38 +02:00
Joffrey JAFFEUX 21c4e38eec clean select-box css 2017-08-29 14:31:03 +02:00
Joffrey JAFFEUX f101fec19c FIX: improves uncategorized support for category-select-box 2017-08-29 12:48:26 +02:00
minusfive d70ecf1c53 Simplify user-nav styles to facilitate theming 2017-08-28 09:24:41 -07:00
Joffrey JAFFEUX b83c0747d9 FIX: select-box improvments
- more tests for category-select-box
- allows to clear selection
- fix positioning on safari
- focus on click
- do not display uncategorized if not allowed in settings
- fix component state impacting other specs
- better texts
- higher category-select-box on mobile
2017-08-28 14:34:04 +02:00
Joffrey JAFFEUX 14f06c2740 select-box minor fixes 2017-08-25 19:56:57 +02:00
minusfive cdcc5d6174 Extracted/DRYed user-stream-item component CSS from user.css into own files
- Renamed 'stream-item' component to 'user-stream-item'
- Replaced generic 'item' class with clearer 'user-stream-item' class
- Retained 'item' class for backward compatibility, marked as 'DEPRECATED'
- Extracted CSS pertaining 'user-stream-item' component to component CSS files
- Removed unnecessary duplication from 'user-stream-item' CSS
- Removed unnecessary nesting from 'user-stream-item' CSS
2017-08-25 08:38:27 -07:00
Joffrey JAFFEUX f3388043db FIX: avoids select-box being over composer popup 2017-08-24 18:49:35 +02:00
Joffrey JAFFEUX d52048ad34 Revert "Revert "FEATURE: improves select-box to support category selection on new topic""
This reverts commit 1d90f6016a.
2017-08-24 16:04:47 +02:00
minusfive 38eef177d4 Cleanup & debug .nav-stacked styles 2017-08-23 13:58:41 -07:00
Joffrey JAFFEUX 1d90f6016a Revert "FEATURE: improves select-box to support category selection on new topic"
This reverts commit 7b4e302677.
2017-08-23 16:33:03 +02:00
Joffrey JAFFEUX 7b4e302677 FEATURE: improves select-box to support category selection on new topic 2017-08-23 15:08:19 +02:00
Joffrey JAFFEUX 482924b161 FEATURE: initial implementation of an ember native select 2017-08-13 14:34:50 +02:00
Robin Ward c3051b89c0 Allow explicit hover and active buttons 2017-08-09 16:39:43 -04:00
Robin Ward 6ecb7cdff4 UX: Support for `none` style of category badge 2017-08-07 12:49:19 -04:00
Robin Ward 8dd7c0c984 UX: Convert buttons to `d-button` 2017-08-01 17:24:06 -04:00
Robin Ward 67556e6381 REFACTOR: Category / Tag Dropdown headers had extra classes 2017-07-28 16:19:33 -04:00
Robin Ward e4c2b5e430 REFACTOR: CSS improvements to improve targetting and remove !important 2017-07-28 15:52:57 -04:00
Robin Ward 6dfa3625df REFACTOR: Replace `fa-*` in SCSS with `d-icon-*` 2017-07-27 15:09:30 -04:00
Robin Ward 3152eabbb0 UX: Use flat button style for bulk selection 2017-07-25 12:00:19 -04:00
Robin Ward 5da848088a UX: Refactor composer buttons into flat buttons 2017-07-25 12:00:19 -04:00
awesomerobot c29b7aa65d initial pass at color simplification 2017-07-14 21:43:35 -04:00
Sam ff6b9aee47 no opacity rule for btn-primary 2017-05-12 15:11:44 -04:00
Robin Ward 5bbc477baa UX: Better looking bulk actions modal 2017-05-11 14:48:06 -04:00
Neil Lalonde 2503241ce5 FEATURE: rebuild user preferences page to use tabs 2017-05-02 16:52:18 -04:00
cpradio d69122c385 UX: Change banner close button to be floated to the right 2017-04-24 20:51:02 -04:00
Neil Lalonde 703e6faf54 Revert "remove important from extra-info-wrapper color" 2017-04-20 16:27:10 -04:00
Neil Lalonde 3d32158893 remove important from extra-info-wrapper color 2017-04-20 11:53:41 -04:00
Guo Xiang Tan 5c39c8f24b UX: Improve the way users set timers for `TopicStatusUpdate`. 2017-04-20 14:25:45 +08:00
Sam a3e8c3cd7b FEATURE: Native theme support
This feature introduces the concept of themes. Themes are an evolution
of site customizations.

Themes introduce two very big conceptual changes:

- A theme may include other "child themes", children can include grand
children and so on.

- A theme may specify a color scheme

The change does away with the idea of "enabled" color schemes.

It also adds a bunch of big niceties like

- You can source a theme from a git repo

- History for themes is much improved

- You can only have a single enabled theme. Themes can be selected by
    users, if you opt for it.

On a technical level this change comes with a whole bunch of goodies

- All CSS is now compiled using a custom pipeline that uses libsass
    see /lib/stylesheet

- There is a single pipeline for css compilation (in the past we used
    one for customizations and another one for the rest of the app

- The stylesheet pipeline is now divorced of sprockets, there is no
   reliance on sprockets for CSS bundling

- CSS is generated with source maps everywhere (including themes) this
    makes debugging much easier

- Our "live reloader" is smarter and avoid a flash of unstyled content
   we run a file watcher in "puma" in dev so you no longer need to run
   rake autospec to watch for CSS changes
2017-04-12 10:53:49 -04:00
Rimian Perkins 95f7b60212 less restrictive to allow plugin outlets
for extra-nav-items
2017-03-06 14:38:57 +11:00
Sam 06570f8e5a UX: less restrictive selector to allow for plugin outlets
Currently plugin outlets in LIs will generate a wrapping SPAN,
this makes an allowence in core for nave extenstions (like solved does)
2017-02-02 12:18:03 -05:00
Guo Xiang Tan a5fead3857 UX: Redesign group page to follow user page. 2016-12-22 13:08:59 +08:00
Guo Xiang Tan 3666575b46 UX: Improve styling for groups page. 2016-12-15 12:19:13 +08:00
Erick Guan 52763f5115
FEATURE: Allow posting a link with topics 2016-12-05 17:20:54 +01:00
Rafael dos Santos Silva 03ec480c65 Removes UI for print, adds CTRL+P shortcut 2016-09-26 20:46:55 -03:00
Régis Hanol 467564eb82 fix unread/new badge in /categories page 2016-08-24 22:04:30 +02:00
Régis Hanol 6d1d7b7c8f UX: new /categories layout 2016-08-17 23:23:16 +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 2332422a85 UX: Text wasn't centered properly in badge notification. 2016-08-04 10:51:11 +08:00
Sam 6d10812b26 FEATURE: auto expand incoming/outgoing links 2016-06-08 16:49:01 +10:00
scossar 7811213ff9 vertical-align text-top 2016-05-15 16:01:13 -07:00
Sam b35682112b UX: don't change color of number in badge on hover 2016-05-13 18:47:40 +10:00
Régis Hanol fd93fff39b update pikaday.js to latest and replace date inputs with pikadays 2016-04-15 17:58:32 +02:00
Régis Hanol bf579174c1 UX: improved user summary page 2016-03-30 18:05:16 +02:00
Ubuntu 5c603bf8ec Added Instagram login method 2016-02-25 12:13:59 +10:00
Jeff Atwood 15ce3b2f49 minor banner X close position adjustment 2016-02-24 16:46:28 -08:00
Jeff Atwood 6eb8730fce tweak banner close X button a bit 2016-02-22 15:57:31 -08:00
Guo Xiang Tan ee38572be3 UX: Set max-width on category column to trigger overflow. 2016-02-10 16:34:43 +08:00
Guo Xiang Tan abc4454e89 UX: Set max-width in order to trigger overflow. 2016-02-10 16:27:03 +08:00
Guo Xiang Tan d220eb34ff Remove unused mixin. 2016-02-10 16:17:41 +08:00
Guo Xiang Tan 350f1685e5 UX: Hashtag color for dark theme. 2016-01-29 17:28:41 +08:00
Guo Xiang Tan fc83525a2b FIX: Missing tag in CSS. 2016-01-21 20:39:48 +08:00
Guo Xiang Tan bd86e88b05 UX: Remove category hashtag decoration. 2016-01-21 12:27:52 +08:00
Sam d18085c57d Merge pull request #3962 from scossar/category-dropdown-badge-wrapper-width
FIX: category-dropdown-menu badge-wrapper width
2016-01-19 19:54:43 +11:00
Guo Xiang Tan 843f93594f UX: Smaller margins for category badges. 2016-01-19 13:45:18 +08:00
Guo Xiang Tan 4a7f560a35 FEATURE: Decorate category hashtag links. 2016-01-19 10:58:15 +08:00
scossar 02c3884661 box-sizing border box 2016-01-17 11:46:37 -08:00
Sam a8b5192efd FEATURE: User page refactor
Re-organise user page so it is easier to find interesting info
split it into tabs

- Introduce notifications and messages tabs
- Stop couting stuff for the user page to speed up rendering
- Suppress more information when viewing your own profile
2015-12-20 16:45:49 +11:00
Guo Xiang Tan a4fec28b52 UX: Fix misaligned topic list border. 2015-11-17 19:22:54 +08:00
Arpit Jalan 2eece87206 UX: clip long category names in suggested topics 2015-10-14 19:02:57 +05:30
Jeff Atwood 42f252d3ba make bar and bullet drop-down cat fullwidth 2015-09-25 00:26:41 -07:00
Robin Ward b12ace5f9d FEATURE: Add staff gear icon to composer with options 2015-09-15 16:42:04 -04:00