Commit Graph

609 Commits

Author SHA1 Message Date
Kris
ec71091216 FIX: Don't override user flair styles in topic map 2019-01-21 12:37:49 -05: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
Kris
db32d29eaa UX: Refactoring topic statuses for consistent icon sizes & colors 2018-12-06 19:22:04 -05:00
Kris
a88f931d6f UX: Moving categories under topic title in topic list, removing category column (#6731)
* Starting to remove category column from topic list

* stacked nav alignment adjustment

* Revert "stacked nav alignment adjustment"

This reverts commit 98800c7058.

* remove comment

* removing function
2018-12-05 16:12:26 -08:00
Kris
a113777003 Extra margin isn't needed on mobile 2018-11-30 19:49:26 -05:00
Kris
964fd983b7 z-index fix for tooltips within posts 2018-11-27 09:49:34 -05:00
Penar Musaraj
03deda2147
Upgrade to FontAwesome 5 (take two) (#6673)
* Add missing icons to set

* Revert FA5 revert

 This reverts commit 42572ff

* use new SVG syntax in locales

* Noscript page changes (remove login button, center "powered by" footer text)

* Cast wider net for SVG icons in settings

- include any _icon setting for SVG registry (offers better support for plugin settings)

- let themes store multiple pipe-delimited icons in a setting

- also replaces broken onebox image icon with SVG reference in cooked post processor

* interpolate icons in locales

* Fix composer whisper icon alignment

* Add support for stacked icons

* SECURITY: enforce hostname to match discourse hostname

This ensures that the hostname rails uses for various helpers always matches
the Discourse hostname

* load SVG sprite with pre-initializers

* FIX: enable caching on SVG sprites

* PERF: use JSONP for SVG sprites so they are served from CDN

This avoids needing to deal with CORS for loading of the SVG

Note, added the svg- prefix to the filename so we can quickly tell in
dev tools what the file is

* Add missing SVG sprite JSONP script to CSP

* Upgrade to FA 5.5.0

* Add support for all FA4.7 icons

- adds complete frontend and backend for renamed FA4.7 icons

- improves performance of SvgSprite.bundle and SvgSprite.all_icons

* Fix group avatar flair preview

- adds an endpoint at /svg-sprites/search/:keyword

- adds frontend ajax call that pulls icon in avatar flair preview even when it is not in subset

* Remove FA 4.7 font files
2018-11-26 16:49:57 -05:00
Joe
ee6c0170ce FEATURE: Scroll-based logo on mobile (#6632) 2018-11-21 21:21:49 -05:00
Sam
e17a13ce19 FEATURE: additional "related messages" section
This splits out previous message correspondence from suggeted and instead
has a dedicated section called "related messages"
2018-11-12 13:04:42 +11:00
Sam
42572ff138 Revert font awesome 5 changes
We are still pushing ahead on this 100% just need a bit longer to prepare
all plugins
2018-11-08 16:12:18 +11:00
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
b23ebf10c2 Minor post alignment fixes 2018-10-16 12:39:55 -04:00
Kris
34e8d17ad0 Fixing left alignment of post controls 2018-10-10 12:11:47 -04:00
Kris
ec33b46d31 IE11 doesn't support nested calc 2018-10-08 11:55:54 -04:00
Kris
41ceb6ca88 topic body and small action widths inconsistent 2018-10-05 18:37:23 -04:00
Kris
fa21b39875 FIX: topic admin menu was clipped on short posts due to overflow hidden 2018-10-05 10:51:27 -04:00
Kris
1c65969bb4 post read-state icon alignment 2018-09-05 13:19:36 -04:00
Joffrey JAFFEUX
4fdc27bab5
UI: improves participants list in messages (#6320) 2018-08-27 15:41:34 +02:00
Kris
84d822959a Reducing some specificity, color fix 2018-08-03 17:44:22 -04:00
Kris
f0bea4ae55 Improve PM participant list 2018-08-01 16:20:14 -04:00
Kris
c6fe6a8820 Improving mutli-post select styling 2018-07-20 16:37:43 -04:00
Kris
b79fedd540 Streamlining some breakpoint mixins 2018-07-12 16:39:16 -04:00
Robin Ward
45a2c94fb3 FIX: Margin on post-info should be present in mobile and desktop 2018-06-20 15:39:36 -04:00
Robin Ward
e7fbcf4ba4
UX: Refactor topic metadata's many floats into flexbox (#6018) 2018-06-20 13:06:20 -04:00
Robin Ward
fbc194c330 Don't use !important for wiki color. Allow themes to override it. 2018-06-20 10:47:27 -04:00
Joffrey JAFFEUX
913d97e780
fix prettier 2018-06-18 20:10:48 +02:00
Kris
ceb9226518 Giving post admin menu variable width in case of long translations 2018-06-18 13:02:50 -04: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
de6dd2dc02 removing extra border 2018-05-02 16:25:27 -04:00
Kris
606670815c Improving signup CTA padding 2018-04-25 21:59:47 -04:00
Kris
02590feb4d Like counter spacing fix 2018-04-24 13:39:03 -04:00
Kris
f812f5cd1c UX: Use empty heart for unliked state 2018-04-23 12:41:41 -04:00
Jeff Wong
641276af46 more consistent colors for dark themes on hover (#5743) 2018-04-06 22:44:51 -04:00
Kris
2eec572159 minor alignment fix on new like button 2018-04-02 12:17:50 -04:00
Arpit Jalan
9815f301cc UX: alignment was off on likes for your own post 2018-03-31 07:21:18 +05:30
Kris
4fcbe9128e Minor color/alignment adjustment on like button 2018-03-30 16:46:37 -04:00
Arpit Jalan
4760f0e7a9 UX: better like button
Co-authored-by: jjaffeux <j.jaffeux@gmail.com>
2018-03-30 22:45:51 +05:30
Arpit Jalan
bf41010ac3 UX: make own post heart glyph grey 2018-03-30 10:35:54 +05:30
Arpit Jalan
fe17ee6924 UX: own post likes glyph margin was off 2018-03-30 10:10:55 +05:30
Arpit Jalan
a55b458e56 UX: show heart glyph on your own likes count 2018-03-30 09:06:57 +05:30
Jeff Atwood
131b19c26b move like count a tad closer to like glyph 2018-03-29 16:36:59 -07:00
Arpit Jalan
629ad48621 UX: better likes count margin 2018-03-30 03:02:56 +05:30
Kris
e2a524550c Prevent long category names from breaking topic/category list layouts 2018-02-26 14:21:28 -05:00
Guo Xiang Tan
ae2d7ba857 Partially revert d170c8fccc to bring back 3df0626aa5. 2018-02-22 13:42:04 +08: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
3df0626aa5 UX: Apply hover styling to post actions on focus 2018-02-22 11:55:36 +08:00
Kris
677e126fbf UX: Implementing a box-shadow system, cleaning up existing shadows 2018-02-20 12:18:20 -05:00
Kris
32116654ec removing duplicate topic-map desktop/mobile styles 2018-02-12 15:20:14 -05:00
Kris
6f094ee27e extra-info-wrapper titles were too short 2018-02-08 20:43:34 -05:00
Kris
cd798e49d8 header text wrap fix 2018-02-02 19:33:00 -05:00
Kris
8bac9c7a09 header-extra wrap fix 2018-02-02 19:28:45 -05:00
Kris
76317957ed UX: Removing some old references to the star feature 2018-01-26 13:05:29 -05:00
Bruno Perel
6750ff6873 (S)CSS cleanup: 0px => O and removal of duplicated properties (#5526) 2018-01-25 09:53:36 -05:00
Kris
2de1264213 UX: Adjustments for embedded reply collapse button 2018-01-19 16:16:22 -05:00
Kris
3cec2394b2 FIX: Margin below topic-map 2018-01-19 11:06:21 -05:00
Arpit Jalan
73dea4e7eb Merge branch 'embedded-posts' 2018-01-19 12:54:34 +05:30
Kris
fe5374dd3b FIX: increasing z-index on topic-avatar 2018-01-18 13:38:27 -05:00
Kris
0c01e0b2fe
UX: Implementing a z-index system (#5507) 2018-01-16 19:05:12 -05:00
Kris
2e12c2c352 UX: button styling 2018-01-16 16:06:04 -05:00
Kris
dc5b0e05e2 UX: Styling embedded post collapse button 2018-01-16 15:48:47 -05:00
Kris
22849fce96 UX: Line-height should be larger with single-line titles 2018-01-15 11:00:04 -05:00
Kris
53fb02f7fc UX: increase post meta font size 2018-01-15 10:30:52 -05:00
Kris
674013129a
UX: Type system rebuild (#5492) 2018-01-12 17:27:38 -05:00
Kris
4bf558f941 UX: Reducing number of overall font sizes 2017-12-20 15:57:49 -05:00
Kris
2d9d43ed1a UX: Removing px font defintions and replacing with em 2017-12-18 15:49:11 -05:00
Kris
f7c77171b9 UX: Eliminating a "sweet spot" at 870px viewport where the topic-body exceeds 690px wide 2017-12-07 14:32:31 -05:00
Kris
ef0d9d631c
UX: New style for staff highlight
Moved highlight to cooked content, also highlighting primary name (with shield) and title (if applicable). 

**Before**:
![image](https://user-images.githubusercontent.com/1681963/33724323-2269e79e-db3d-11e7-8c93-75b9dc9a1ab7.png)


**After**:
<img width="809" alt="screen shot 2017-12-06 at 3 55 31 pm" src="https://user-images.githubusercontent.com/1681963/33724287-09eb66de-db3d-11e7-8e02-0062ed2b8716.png">
2017-12-07 12:40:39 -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
Kris
9716e3ddf3 bringing mobile topic statuses to parity with desktop 2017-11-10 16:45:06 -05:00
Kris
dc2d9f05dc removing scale-color, first pass 2017-10-13 11:57:10 -04: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
Robin Ward
afc075d93b UX: Convert bookmark icon from CSS to a proper icon using our helper 2017-09-07 11:41:19 -04:00
Robin Ward
27b10a709b Revert "FIX: Un-revert the btn class added to the topic post menu"
This reverts commit aa07d23caa.
2017-08-25 23:50:00 -04:00
Robin Ward
aa07d23caa FIX: Un-revert the btn class added to the topic post menu 2017-08-25 17:08:34 -04:00
Robin Ward
4085c40e50 Minor CSS changes 2017-08-15 13:17:25 -04:00
Jeff Atwood
3538b63305 FIX: on desktop, anon topic reply btn too far over 2017-08-01 16:47:52 -07:00
Robin Ward
6dfa3625df REFACTOR: Replace fa-* in SCSS with d-icon-* 2017-07-27 15:09:30 -04:00
Robin Ward
f2e592c1ab UX: Apply btn-flat class to flat buttons on posts 2017-07-25 12:00:19 -04:00
Robin Ward
5dd56a41d9 Merge branch 'master' into master 2017-07-24 12:01:48 -04:00
Arpit Jalan
6d09fbde44 UX: use down chevron icon to expand "show more links.." 2017-07-22 00:10:37 +05:30
awesomerobot
c29b7aa65d initial pass at color simplification 2017-07-14 21:43:35 -04:00
Neil Lalonde
16475bae89 padding below suggested topics on mobile 2017-06-12 15:46:10 -04:00
giorgia
8c6d0ecd64 fix replay btn position on mobile and desktop 2017-02-10 17:11:10 +01:00
Neil Lalonde
61d4c1203e FEATURE: group avatar flair shows on topic participants list, and participant avatars can have custom styles 2017-01-18 11:38:00 -05:00
Guo Xiang Tan
17da0bd11f UX: Display wiki icon on post edits indicator. 2017-01-17 06:33:58 +08:00
Neil Lalonde
0105a406d4 FIX: spacing and alignment of title, category, tags, and featured links in topic page heading on mobile and desktop 2016-12-29 14:59:30 -05:00
Erick Guan
52763f5115
FEATURE: Allow posting a link with topics 2016-12-05 17:20:54 +01:00
Robin Ward
0f1ed1e41a Migration topic footer buttons to components 2016-10-28 10:13:41 -04:00
Neil Lalonde
fb7409f982 FIX: avatar flair position on mobile 2016-08-18 11:18:18 -04:00
Neil Lalonde
d079f69b7b FEATURE: add flair to avatars using new settings in the groups admin UI 2016-08-17 15:13:15 -04:00
Guo Xiang Tan
5c4fdd1207 UX: Remove margins on popup menu on mobile. 2016-07-11 11:01:25 +08:00
Guo Xiang Tan
a3d72efee9
Whoops. 2016-06-03 09:40:11 +08:00
Jeff Atwood
28d8fea4e9 normalize with topic map button color 2016-06-02 16:19:08 -07:00
Jeff Atwood
8ae31b0cd2 reduce viz strength of "remove participant" X 2016-06-02 16:17:06 -07:00
Robin Ward
2d47f144f5
Deduplicate some code for the notifications drop down 2016-05-31 15:57:40 -04:00
Robin Ward
4a7567b485
UX: Move links from gutter to below posts 2016-05-31 10:51:37 -04:00
Jeff Atwood
b6db022051 de-emphasize notification state text slightly 2016-05-23 03:36:26 -07:00
Jeff Atwood
d7d8df7d3a UX: remove border under mobile time gap too 2016-05-13 02:45:34 -07:00
Guo Xiang Tan
7af0e0006f
UX: Mentions are not styled on mobile. 2016-04-18 10:26:43 +08:00
Robin Ward
038a5a0767
UX: Show the selected posts controls at the bottom of mobile topics too 2016-04-08 15:26:24 -04:00
Jeff Atwood
0af4d7cc20 read-state dot can't overflow, shift left 2016-02-25 23:39:39 -08:00
Robin Ward
5dd81700f1 FIX: Overflow CSS was hiding selecting posts buttons 2016-02-22 22:07:23 -05:00
Robin Ward
026bba1876 Merge branch 'master' into vdom 2016-02-22 15:28:07 -05:00
Jeff Atwood
6a6e3a6a3a FIX: add global hidden overflow on all topic bodies 2016-02-22 01:17:50 -08:00
Sam
18d67851c0 Merge branch 'master' into vdom 2016-02-16 11:53:14 +11:00
Sam
2b689d45ff Revert "save height on small screens"
This reverts commit 37b5905b44.

It is causing too much confusion for little gain
2016-02-16 11:52:33 +11:00
Robin Ward
5af00da2d8 FIX: Small post actions weren't applying the deleted class 2016-02-11 14:21:22 -05:00
Robin Ward
65d0426ff1 FIX: Janky animations when liking or expanding the post menu 2016-02-11 11:00:41 -05:00
Robin Ward
eeafa67984 FIX: Reply as New Topic was not fading in properly 2016-02-11 11:00:41 -05:00
Robin Ward
d1e85bdd8b FEATURE: Use virtual dom framework for faster post rendering 2016-02-11 11:00:40 -05:00
Jeff Atwood
a3cd0ae8ae make PM usernames grey not link-blue 2016-02-02 16:17:14 -08:00
Jeff Atwood
f281f6e026 Merge pull request #3989 from cpradio/topic-footer-button-outline
Remove outline: 0 from the topic-footer-buttons, so focus is visible
2016-01-30 15:44:57 -08:00
Sam Saffron
01e0321f44 UX: match mention styling with username styling on top of post 2016-01-31 10:39:05 +11:00
cpradio
f9f5c5e66b Remove outline: 0 from the topic-footer-buttons, so focus is visible 2016-01-30 18:29:36 -05:00
Sam Saffron
6a13cc1c22 UX: tweak mention color to match username color in post header. 2016-01-31 10:02:21 +11:00
Jeff Atwood
6d6d8842d2 make mentions color less black 2016-01-28 11:41:09 -08:00
Jeff Atwood
12b85b9ef9 CSS tweak to top expanded in-reply-to 2016-01-26 17:03:23 -08:00
Régis Hanol
a601d4b4ba Merge pull request #3954 from rubo77/patch-5
save height on small screens
2016-01-20 16:29:09 +01:00
Arpit Jalan
06bac23e5f FEATURE: allow users to wikify their own posts based on trust level 2016-01-12 08:44:25 +05:30
Ruben Barkow
37b5905b44 save height on small screens
There is a lot of white space between each post, that annoys on small screens.

This will minimize the used space if the screen is lower than 700px in height.

Rework of #3820
2016-01-12 00:02:39 +01:00
Sam
2470a0adbe remove max-height rule, it was messing up display of front page
was targetting .ember-view which is huge.
2015-12-20 18:27:10 +11:00
Jeff Atwood
5efe4e7e73 Merge pull request #3820 from rubo77/patch-3
save height on small screens
2015-12-19 04:00:16 -08:00
Arpit Jalan
94d7908311 UX: dropdowns overlay the header 2015-12-09 11:03:19 +05:30
Robin Ward
40c8d39137 FEATURE: Reply Placeholders in Stream 2015-12-04 10:02:58 -05:00
Sam
ad3dd161e7 FEATURE: first class group mentions built in
If you allow a group to be mentioned it can be mentioned with the @ symbol.

Keep in mind as a safety mechanism max_users_notified_per_group_mention is set to 100
2015-11-30 17:08:43 +11:00
Ruben Barkow
84450fa34b save height on small screens 2015-09-28 09:46:12 +02:00
Régis Hanol
d5712f051e Merge pull request #3816 from cpradio/small-action-responsiveness
Make the small-action width responsive on desktops
2015-09-25 15:25:50 +02:00
cpradio
e47e4f7169 Make the small-action width responsive on desktops 2015-09-25 08:34:34 -04:00
Régis Hanol
aee2c535bd Revert "UX: Topic link should not take full width." 2015-09-25 09:49:04 +02:00
Jeff Atwood
42f252d3ba make bar and bullet drop-down cat fullwidth 2015-09-25 00:26:41 -07:00
Guo Xiang Tan
f7ae9a8187 UX: Topic link should not take full width. 2015-09-25 08:32:49 +08:00
Guo Xiang Tan
fe8a93bdc0 UX: Fix links in gutter taking up full width. 2015-09-25 02:22:15 +08:00
Robin Ward
9f6ce653a9 FIX: Selecting posts was broken on IOS9 iPad 2015-09-21 13:50:05 -04:00
Jeff Atwood
4714483612 copyedits on anon user call to signup action 2015-09-16 17:16:17 -07:00
Kane York
d47f1db2be Merge branch 'master' into signup-cta
Conflicts:
	app/assets/javascripts/discourse/templates/topic.hbs
2015-09-15 13:52:12 -07:00
Robin Ward
b12ace5f9d FEATURE: Add staff gear icon to composer with options 2015-09-15 16:42:04 -04:00
Régis Hanol
1e739e8c96 FIX: move whisper styling to common 2015-09-12 20:44:20 +02:00
Robin Ward
5af0f5f80e FEATURE: Whisper posts 2015-09-11 14:05:21 -04:00
Kane York
d7a79aeb8a Fix mobile styling 2015-09-01 16:49:45 -07:00
Jeff Atwood
97ef32d5b5 fix incorrect dark bg border-top on time gap 2015-08-21 16:57:19 -07:00
Kane York
1218d47eb5 Rename choose-grey() to blend-primary-secondary() 2015-08-20 16:47:34 -07:00
Kane York
aaccb73a3b Use choose-grey(5%) instead of diff(97%) 2015-08-20 14:35:28 -07:00
Jeff Atwood
d38c4d5f74 scale-color $lightness must use $secondary for dark themes 2015-08-20 02:42:12 -07:00
Jeff Atwood
7554b5e3c4 different button color for dark themes 2015-08-20 01:29:12 -07:00
Robin Ward
4062e4a464 Merge pull request #3671 from riking/css-cleanup
CLEANUP: Coalesce repeated CSS properties
2015-08-19 12:13:49 -04:00
Kane York
2f595f27e9 CLEANUP: Coalesce repeated CSS properties 2015-08-18 22:02:33 -07:00
Kane York
689449b233 FIX: Post highlight on mobile dark theme 2015-08-18 15:51:50 -07:00
Jeff Atwood
58c9ca6132 make topic map button dimmer 2015-08-17 03:34:18 -07:00
Jeff Atwood
3427049ce7 UX: simpler styling on post reply button 2015-08-07 12:49:36 -07:00