Commit Graph
100 Commits
Author SHA1 Message Date
Joe 7b5913344e UX: tone down user card email color 2019-04-12 04:55:01 -07:00
Joe 541a15e357 UX: user-card adjustments for users with hidden profiles (#7293)
* adds styles for profile hidden message

* Disable profile links for hidden profiles and add message to indicate the profile is hidden
2019-04-01 10:50:48 +02:00
Joe 8b8d528b88 Hide mobile cards when user scrolls (#7291) 2019-03-31 11:16:52 +02:00
Joe 9510f3d737 card buttons should truncate if there isn't enough space (#7290) 2019-03-31 11:16:40 +02:00
Joe 095ee6ac96 UX: prevent images and lightboxes from extending outside blockquotes (#7262) 2019-03-27 01:51:21 +08:00
Joe 02f2ce8b05 target panel children instead of targeting the panel (#7257) 2019-03-26 23:54:37 +08:00
Joe ec2123809f FEATURE: user and group cards on mobile (#7246) 2019-03-25 13:37:17 +01:00
Joe 6f1badc7c9 REFACTOR: user and group card CSS / template refactor (#6812)
* Check if user is a member of a group or if the group has members 
this is used in the template to conditionally show the relevant markup

* Check if user is suspended or if they have a bio
this is used in the template to conditionally show the relevant markup

* Simplify group-card template

* Simplify user-card template

* Refactor user and group cards CSS

* Check if user is new or if user is staff

* Style fixes

- round avatar margin 
- use a more standard margin for buttons
- adds lighter font color for new users
- makes some suspension text bold (used to be <b> tags in template)
- ensures images in group bio are responsive

* user card template fixes

- adds quotes to link href attributes
- wraps some strings in tags for more consistent styling

* group card fixes

- adds quotes to link href attributes
- fixes membership button login action
- wraps some strings with tags for consistent styling

* closure action fixes

* closure action fix

* uses core variables instead of new colors and removes unused styles

* Uses better property names
2019-03-20 10:45:49 +01:00
Joe ac4470cd56 UX: Hide mobile header notification badges if title is visible 2019-03-20 01:43:23 +08:00
Joe 533fb0019a fully hide header buttons if topic is visible (#7203) 2019-03-19 15:31:45 +01:00
Joe 6d7c0c8f13 REFACTOR: scroll-based mobile header switch
This refactor addresses the following issues:

1- Moves all relevant logic to the discourse-topic component (matches desktop)
2- Fixes the flicker issue discussed here
3- Fixes a rare occurring issue where tags wrap to a third line if a topic has long category names and lots of tags
4- Fixes header icon jitter on iOS
5- Fixes an issue where sliding out user / hamburger menus on Android leaves the user in a mid-state with half a title and the header panel visible - swiping will now open the menus but have no effect on the header.
6- adds min-width to the small-logo to act as placeholder so that the title doesn't shift if the logo takes a while to load.

Other than that, everything should look and act the same.
2019-03-19 18:39:38 +08:00
Joe a342d2f150 UX: reduces white-space in polls (#6956)
* reduces white-space in polls and uses font-size variables
2019-02-05 10:47:22 +01:00
Joe dda918f862 UX: removes width constraint in user-card badge section 2019-01-24 20:53:14 +08:00
Joe 22f43abb0e UX: protection for very wide category-logo images on narrow screens 2019-01-24 17:16:18 +08:00
Joe a9734eef81 UX: removes margins from categories in suggested topics message 2019-01-24 02:12:16 +08:00
Joe d720215183 UX: admin badge page improvements 2019-01-23 11:29:51 +01:00
Joe b21266ed6f FIX: corrects selector for move-to modal styles 2019-01-23 16:18:38 +08:00
Joe a2d1babac6 UX: tag container should wrap if there's a large number of tags 2019-01-08 23:33:47 +08:00
Joe 3457395f75 UX: moves topic-list excerpts out of category / tag div 2019-01-08 14:55:15 +08:00
Joe effb3262a1 UX: no need for margin if participants is first-child 2019-01-06 00:11:53 +08:00
Joe 3a9fea4409 align and truncate header tags and participants 2019-01-05 23:09:44 +08:00
Joe 3a04e04ccb UX: excerpts don't wrap on IE11 (#6847) 2019-01-04 15:11:42 +11:00
Joe 2914431729 Improves admin and wizard logo copy
History:

https://meta.discourse.org/t/logo-recommended-resolution-tips/105053/6
2019-01-02 14:12:40 +08:00
Joe 6fb421312e UX: aligns categories and tags in topic lists
History:

https://meta.discourse.org/t/minor-visual-weirdness-on-topic-listing-category-and-tags/105268
2018-12-31 14:38:33 +08:00
Joe 55d745f03b UX: header needs a bit of padding on narrow screens
A bit of history

https://meta.discourse.org/t/header-on-responsive-window/105204
2018-12-31 14:33:02 +08:00
Joe 74f0bd08c0 UX: removes unnecessary margin in header tag wrapper
This margin is not needed and doesn't exist in the mobile view. 

It causes a bit of a problem in desktop topics with no categories and more prominently in PMs in the desktop view.

There's a small TODO here where the rest of the extra-info-wrapper styles should all be moved to header sylesheets.
2018-12-28 21:31:41 +08:00
Joe eaabbe5943 UX: improves help text for admin and wizard logo settings 2018-12-28 17:48:33 +08:00
Joe 8ef2085585 UX: increase selector specificity so that "inline" lightboxes in quotes don't get backgrounds
When a quote is not expanded and it contains lightboxes, those lightboxes are not displayed and instead we show a link that looks like this `[image_title]` 

These still have the lightbox CSS class and so they still get the backgrounds we add to lightboxes while they load. Increasing the selector specificity prevents that from happening.
2018-12-13 15:17:08 +08:00
Joe 72bd388ff7 UX: truncate long topic tiles to prevent badges and date from wrapping 2018-12-04 15:27:23 +08:00
Joe 336436dfb4 UX: better handling of logo size 2018-11-23 22:04:42 +08:00
Joe e2214b50f3 UX: add height attribute to logo on error pages
This matches what we do in the home-logo widget. The height is set as an attribute and we use CSS to get a scaled width that preserves the aspect ratio of the image.
2018-11-23 15:04:34 +08:00
Joe 98354bd34c fix the build 2018-11-23 11:27:59 +08:00
Joe c4fca36255 FIX: don't trigger header:hide-topic at the bottom on desktops
On mobile we trigger `header:hide-topic` at the very bottom of topics to switch the header contents back from small logo + topic info to large logo + user panels. 

Given that the `topic-progress` component is sometimes loaded on desktop - E.g composer is open or on narrow desktop screens - we need a guard to prevent this logic from firing on desktops.
2018-11-23 10:14:13 +08:00
Joe ee6c0170ce FEATURE: Scroll-based logo on mobile (#6632) 2018-11-21 21:21:49 -05:00
Joe 2ac952d7dd UX: leave room for floated radio input on mobile 2018-11-19 15:10:52 +08:00
Joe 94c724fb89 UX: fixes display issues in split to existing topic modal 2018-11-19 13:12:42 +08:00
Joe e7fa4c5dd1 UX: maintain aspect ratio of cropped image thumbnails 2018-11-15 20:24:56 +08:00
Joe 9c5b5243fc UX: don't show 0 vote count in crawler or print view 2018-11-15 17:40:01 +08:00
Joe ac7b058849 UX: take custom markup into account when docking header 2018-11-13 14:47:12 +08:00
Joe 7707e42441 DEV: moves print-specific styles from internal style tag to external print sheet (#6581)
* DEV: removes internal styles from print view

* DEV: adds styles to print sheet
2018-11-13 14:45:55 +11:00
Joe 4234058358 UX: don't show crawler navigation in print view (#6551)
* UX: adds CSS classes to crawler navigation links

* UX: hide crawler navigation in print view
2018-11-02 09:18:07 +11:00
Joe d08cd0b21f UX: updates category muting instructions 2018-10-31 13:01:22 +08:00
Joe 1b5ba899a1 UX: header items wrap on small screens for anon 2018-10-17 14:19:20 +08:00
Joe 5815a33a9a FIX: closing an empty fullscreen composer with toggler prevents scrolling 2018-10-17 13:52:47 +08:00
Joe a552a39f53 UX: presence-users overlaps with composer toggles 2018-10-15 16:25:28 +08:00
Joe 2acb885c72 FEATURE: fullscreen composer mode on desktop
Adds keyboard shortcut and icon that allows expanding composer to full screen.
2018-10-15 13:59:49 +11:00
Joe 6a59187ae8 UX: images should be responsive in embedded comments 2018-10-14 23:38:07 +08:00
Joe 9d2f855790 UX: changes CSS class added to local dates 2018-10-09 15:04:42 +08:00
Joe b44bcdefd9 UX: improves topic-title flexbox alignment 2018-09-21 12:41:35 +08:00
Joe 8d6ccde402 UX: removes bottom margins from inputs in admin controls 2018-09-20 00:32:41 +08:00
Joe 2144009520 UX: ensure ac-wrap input height matches other inputs 2018-09-20 00:02:45 +08:00
Joe 0010e7ddd2 UX: better padding for multi-select items 2018-09-19 23:56:26 +08:00
Joe 026bab116a UX: label alignment for Firefox / IE 2018-09-19 23:48:48 +08:00
Joe b64436ba09 UX: select-kit filter input size fix 2018-09-19 22:05:56 +08:00
Joe 0ac64b6d50 UX: radio / checkbox inputs margin fix 2018-09-19 21:22:40 +08:00
Joe 8fb50a7e8b UX: last-seen input alignment fix 2018-09-19 21:20:04 +08:00
Joe 9e9fdac023 UX: multi-select items alignment fixes 2018-09-19 21:14:27 +08: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
Joe fb0b54f7f8 UX: Styles for user-cards should the same with badges on / off 2018-08-27 11:16:48 +08:00
Joe 1f4af5ab36 UX: Super short tags shouldn't display on same line as title 2018-08-27 10:35:15 +08:00
Joe aa5a993935 UX: Youtube embed title overlaps with select-kit 2018-08-24 14:32:22 +08:00
Joe 075d80862f UX: topic-timer modal style fixes 2018-08-13 14:04:20 +08:00
Joe 7e68062a46 Topic meta-data flexbox fixes (#6263)
Topic meta-data flexbox fixes
2018-08-13 13:29:46 +08:00
Joe cc77a285ee UX: improves edit reason contrast in dark themes 2018-08-06 10:53:46 +08:00
Joe 3dbaaf0d74 UX: gives wizard language selector more room to expand 2018-07-28 11:51:53 +08:00
Joe 85291e53f1 UX: more categories link alignment 2018-07-27 22:17:29 +08:00
Joe 59950b0f95 UX: category description display issue
html tags like `<strong>` are displayed on separate lines inside a flexbox with `flex-wrap`
2018-07-10 13:51:46 +08:00
Joe d36c260dd0 UX: adds flexbox to topic user name fields on mobile 2018-07-09 11:45:00 +08:00
Joe 4852e5df34 FIX: mobile /admin/users style fixes 2018-07-07 12:28:04 +08:00
Joe dc04892a2d FIX: mobile /admin/users page adjustments 2018-07-05 16:18:51 +08:00
Joe b5d29f7d88 FIX: responsive admin adjustments 2018-07-05 14:32:27 +08:00
Joe d8e51095c9 FIX: mobile topic-timer adjustments 2018-07-04 19:23:09 +08:00
Joe 98478d78d7 FIX: update test to match new admin layout 2018-07-03 17:03:43 +08:00
Joe 9834263687 FIX: update test to match admin layout changes 2018-07-03 16:28:57 +08:00
Joe 888a827b93 FIX: removes inline styles applied to "all categories" in category dropdown
"all categories" in the category dropdown gets category-like inline styles when category mode is set to "box"
2018-07-03 12:02:50 +08:00
Joe 2bfe700bd6 FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00
Joe 27c018e75c FIX: makes large images in polls responsive 2018-07-01 13:20:00 +08:00
Joe f3a1b3829a FIX: composer popup close link overlaps with text 2018-06-30 13:02:10 +08:00
Joe 15bb8954de FIX: low contrast issues for dark themes in edit history modal 2018-06-29 14:42:26 +08:00
Joe 5fc4e9e324 FIX: nav-pill dropdown overlaps category-selector when both are open 2018-06-20 13:09:14 +08:00
Joe e8e8d540d3 FIX: desktop pin-topic modal not wide enough for date-picker 2018-06-16 15:19:08 +08:00
Joe 4645cf6b28 FIX: remove unwanted space in user notification items 2018-06-15 15:44:51 +08:00
Joe 2ec53a9628 FIX: adjust 2FA input width in mobile login form 2018-06-10 21:33:41 +08:00
Joe 5eb0066be9 FIX: adjust max-width of social login buttons for non-English locals 2018-06-09 14:14:59 +08:00
Joe c3ac32d991 FIX: user-fields layout in desktop create account form 2018-06-07 14:03:54 +08:00
Joe 56dbbfbd2a FIX: user-fields layout in mobile create account form 2018-06-06 21:02:35 +08:00
Joe 560a950da9 FIX: alignment for instructions on change email and 2FA fields 2018-06-01 09:51:46 +08:00
Joe 733ffc4bbf FIX: add classes to input groups and move tips 2018-05-30 21:02:06 +08:00
Joe ec7f597274 FIX: update poll-builder to new modal design 2018-05-30 21:00:54 +08:00
Joe 47a9b3427b FIX: input tip causes modal to change width when present 2018-05-30 14:26:06 +08:00
Joe 0ca2a1ce92 Merge pull request #5875 from hnb-ku/master
FEATURE: New design for the login / create account forms
2018-05-25 20:28:08 +08:00
Joe 4a2931f43d FEATURE: New login / create account form layout 2018-05-25 20:16:38 +08:00
Joe 1948a9912c FEATURE: Horizontal login / create accout layout 2018-05-25 20:15:34 +08:00
Joe 7f6f61cff2 FIX: Move tips into instructions div 2018-05-25 20:13:06 +08:00
Joe 1a9aeca93b FIX: Move tips into instructions div 2018-05-25 20:12:08 +08:00
Joe 9e546e9ddc FIX: Move tips into instructions div 2018-05-25 20:11:22 +08:00
Joe 5ec896d163 FIX: align categories with menu panel links 2018-05-24 16:15:57 +08:00
Joe 9df6b2c00b FIX: clarify badge image field help text 2018-05-23 21:34:16 +08:00
Joe 48c4f192e9 FIX: make the image field use its own help string 2018-05-22 16:06:25 +08:00