Commit Graph

235 Commits

Author SHA1 Message Date
Robin Ward ca03b2ff30 Move SCSS variables for topic post width
This allows them to be re-used by other components, for example the
upcoming review queue.
2019-02-06 11:37:59 -05:00
Kris 37c28cf0b7 UX: Header icon color fix 2019-02-01 09:51:12 -05:00
Kris 94f16ba931 UX: Make button icons use lighter color instead of opacity 2019-01-31 13:59:49 -05:00
Kris 868528f862 Slight shadow adjustment to hide overflow 2019-01-24 14:49:39 -05:00
Kris b664674d2b make smaller text size bigger 2019-01-17 12:11:31 -05:00
Kris 675bf94133 UX: Bump up base font size 1px, add smaller text size option 2019-01-17 10:30:34 -05:00
David Taylor 1ebd3dbbd0
FEATURE: Allow the base font size to be changed on a per-user basis (#6859) 2019-01-14 13:21:46 +00:00
Kris 4af7471ead Better contrast ratio match between dark and light themes 2019-01-02 17:54:22 -05:00
Kris 816acc6984 Improving color contrast of $danger-low for dark themes 2018-12-20 14:46:13 -05:00
Kris 8c227715ae $primary-high contrast reduction for dark themes 2018-12-11 10:08:00 -05:00
Kris 050c02228e UX: Globally dim categories slightly 2018-12-07 20:01:38 -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
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 a5871b6dd1 Rename conflicting SCSS mixin 2018-11-07 14:18:55 -05: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 1d7720ef99 UX: Adding Google-compliant logo 2018-10-24 22:11:19 -04:00
Kris 94b115f7d9 increase contrast for $danger-medium on dark themes 2018-10-10 09:51:50 -04:00
Kris 948c556cc6 decrease contrast on danger-low color 2018-10-04 17:30:10 -04:00
Kris 072f5ce825 Increase ruby character size 2018-08-03 13:37:08 -04:00
Kris 01fe42d5e2 prettier fix 2018-07-12 16:41:44 -04:00
Kris b79fedd540 Streamlining some breakpoint mixins 2018-07-12 16:39:16 -04:00
Kris a201103127 removing some old styles 2018-07-12 00:53:24 -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
Jeff Wong 160898acf3 Feature: add jump to post modal on mobile 2018-06-13 22:01:35 -07: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 b519beb314 Turning admin dashboard user counts into badges 2018-05-23 16:55:57 -04:00
Kris 0163798c0e Define primary table borders in one place 2018-04-30 20:45:49 -04:00
Kris 1ea27d448b Composer z-index fix, category dropdown margin fix 2018-04-25 13:00:04 -04:00
Kris 108e622a61 Matching select-kit padding with inputs 2018-04-19 11:36:09 -04:00
Arpit Jalan fe17ee6924 UX: own post likes glyph margin was off 2018-03-30 10:10:55 +05:30
Kris 677e126fbf UX: Implementing a box-shadow system, cleaning up existing shadows 2018-02-20 12:18:20 -05: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 3f8d0c5c94 FIX: Increasing overridden label contrast in settings 2017-11-30 10:13:09 -05:00
Kris d31c8ffa87
small color adjustment (#5374) 2017-11-27 18:20:07 -05:00
Kris ada1d6b987
Composer restyle
* composer restyle, some input normalization

* style adjustments: spacing, preview background, colors

* small spacing adjustments, removing default iOS input appearance, fixing merge

* small width adjustment

* fixing mobile link modal for small devices

* FIX: more resilient allowInitiatlValueMutation implementation

* Build scrollMap only on scroll.

* FIX: pick date and time was not reseting state

* FIX: removes auto sizing and touchstart support for now

* Revert "FIX: reflects discourse icons naming scheme s/d-icon-*/d-*"

This reverts commit b5ed980235.

* tweak icon-library generation

* FIX: regression preventing to set number of hours before closing

This commit also adds a full test suite for editing topic timer.

* FIX: makes allowInitialValueMutation more restrictive

* FIX: invite-list expects initial value mutation

* fixing tag input spacing

* minor input cleanup

* bump onebox version

* FIX: avoids test failing at some times of the day

* FIX: various issues when editing category permissions

This commit also adds multiple tests
2017-11-27 15:23:18 -05:00
Régis Hanol 5135f73933 actually use -very-low color 2017-11-10 17:57:02 +01:00
Régis Hanol 482982dce8 UX: fix user bio & category topic template editors 2017-11-10 17:52:08 +01:00
Robin Ward 552b66a2ff Add a helper for the `user-select` vendor prefix CSS 2017-10-19 15:54:19 -04:00
Kris dc2d9f05dc removing scale-color, first pass 2017-10-13 11:57:10 -04:00
minusfive d911d3ff6e Namespaced Sass color brightness function to avoid conflict w/CSS filter 2017-08-25 11:10:11 -07:00
cpradio feb423d07a Update ul padding/margin to match ol.
https://meta.discourse.org/t/numbers-cut-off-in-long-list/59856/16?u=cpradio
2017-07-25 18:54:28 -04:00
Robin Ward 5dd56a41d9 Merge branch 'master' into master 2017-07-24 12:01:48 -04:00
cpradio 8101b630f2 Fix ol margin/padding so it displays ordered lists without cutting them off.
https://meta.discourse.org/t/numbers-cut-off-in-long-list/59856
2017-07-20 11:03:04 -04:00
awesomerobot c29b7aa65d initial pass at color simplification 2017-07-14 21:43:35 -04: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
Anaketa d7dedc4649 add show/hide to tooltip 2017-03-15 17:23:52 +01:00
Ola Christensson 82fab2343f Display tabs with smaller widths for code blocks
The default browser behavior is a tab width of 8 characters. This changes the width to 4 characters.
2017-01-10 10:06:53 +01:00
Sam bd217bb440 remove ux regression 2016-12-05 12:21:07 +11:00
Sam 2793e7bebc UX: have webkit safari mobile stop with inner shadows
http://stackoverflow.com/questions/3062968/remove-textarea-inner-shadow-on-mobile-safari-iphone
2016-12-02 17:56:01 +11:00
Ubuntu 5c603bf8ec Added Instagram login method 2016-02-25 12:13:59 +10:00
Régis Hanol c2cc9da9a7 remove the wiki color 2016-02-10 11:18:37 +01:00
Régis Hanol 13983c2f80 rever wiki background color, just change the default color 2016-02-09 23:06:08 +01:00
Jeff Atwood e1f90d12f1 formally remove IE9 support 2016-01-02 23:49:52 -08:00
Sam c2e9644558 Revert "flexbox for the post header"
This reverts commit bef3084516.
2015-09-02 12:20:35 +10:00
awesomerobot bef3084516 flexbox for the post header 2015-09-01 10:38:37 -04:00
Sam a7d1c220e1 FIX: normalize transform usage, fix slideout on safari 2015-08-26 09:58:37 +10: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
Kane York 26c3d74460 Split srgb-scale into its own function 2015-08-20 13:31:00 -07:00
Kane York 7147c0e8af DEV: Replace sqrt() implementation with lib
Copied the needed functions out of https://github.com/terkel/mathsass
MIT license
2015-08-20 13:10:54 -07:00
Kane York 156c3651b5 DEV: Add choose-grey() function for better greys 2015-08-20 12:54:07 -07:00
Robin Ward 54c0bea294 Darken asides on a dark theme. Create a mixin to DRY things up. 2015-08-19 13:27:41 -04: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 a4da72a83b FIX: Dark theme fixes for admin, quotes, code 2015-08-18 12:23:06 -07:00
Jeff Atwood 2b2ae4bfe7 Revert "adding flexbox to header via mixins (all prefixes)"
This reverts commit 5b229316ee.
2015-08-04 15:56:05 -07:00
awesomerobot 5b229316ee adding flexbox to header via mixins (all prefixes) 2015-08-04 10:46:58 -04:00
awesomerobot f20c28c16b replacing the remnants of the old color variable code 2015-06-14 22:59:49 -04:00
Sam 4eaee8f611 Merge pull request #3377 from scossar/auto-rtl
Auto rtl
2015-04-28 07:58:35 +10:00
Régis Hanol a737090442 - FEATURE: revamped poll plugin
- add User.staff scope
- inject MessageBus into Ember views (so it can be used by the poll plugin)
- REFACTOR: use more accurate is_first_post? method instead of post_number == 1
- FEATURE: add support for JSON-typed custom fields
- FEATURE: allow plugins to add validation
- FEATURE: add post_custom_fields to PostSerializer
- FEATURE: allow plugins to whitelist post_custom_fields
- FIX: don't bump when post did not save successfully
- FEATURE: polls are supported in any post
- FEATURE: allow for multiple polls in the same post
- FEATURE: multiple choice polls
- FEATURE: rating polls
- FEATURE: new dialect allowing users to preview polls in the composer
2015-04-23 19:33:29 +02:00
Simon Cossar 9b7f98edc5 Add to html element - this needs to be explicit so it can be reversed by r2 2015-04-14 19:07:23 -07:00
Kris Aubuchon 84d41be196 clearfix for admin contents 2015-03-23 10:23:42 -04:00
Jeff Atwood 576861505e just use plain CSS3 transition 2014-12-23 03:09:17 -08:00
Jeff Atwood 0b0e9be22f standardize on @transition mixin 2014-12-23 02:52:20 -08:00
Jeff Atwood e41ae020fa add back ade-soft CSS transition on post actions 2014-12-23 02:16:57 -08:00
Kris Aubuchon bcb03474d6 fixing base line-height and big/small abuse 2014-12-17 14:51:47 -05:00
Jeff Atwood 1c8ddccb45 try to correct font scaling problems on Firefox 2014-12-16 23:26:29 -08:00
Kris Aubuchon c7d7393d80 setting static base font size 2014-12-16 09:24:15 -05:00
Kris Aubuchon 3eebc0e589 changing font sizes to ems, so fonts scale a bit more gracefully 2014-12-15 22:12:56 -05:00
Robin Ward e035b07e92 Put Ember 1.8.1 + fixes back. 2014-12-04 08:51:35 -05:00
Sam 8977d5917b revert 2014-12-04 09:35:11 +11:00
Robin Ward 39fde5b9fb Upgrade to 1.8.1: So long, metamorphs! 2014-12-03 10:49:18 -05:00
Kris Aubuchon b97a4f5bd0 sticking transitions into a sass mixin 2014-10-20 09:54:36 -04:00
Régis Hanol 199896a607 UX: add new wiki color as a site-level color variable 2014-10-13 19:43:24 +02:00
Jeff Atwood 15b94acd85 width 100% for editor on mobile; no preview
also  remove box-sizing mixin, use native CSS3
2014-10-11 04:30:34 -07:00
Jeff Atwood b874b31b02 correct mobile login form layout error 2014-09-22 17:26:22 -07:00
Sam 64331e2ac1 row style is common, its the way we clear divs 2014-08-26 07:41:29 +10:00
Kris Aubuchon 38696e5a30 bettering support for dark ez-themes 2014-08-06 09:31:13 -04:00
Kris Aubuchon 4a1ec20585 adding border to poster expansion, changing media screen to media all, trying new notification style 2014-07-24 12:21:22 -04:00
Régis Hanol b9bd2ddda6 Revert "FIX: hidden helper class is important" 2014-07-23 12:25:09 +02:00
Erick Guan f2cd2f1d3c FIX: hidden helper class is important 2014-07-23 11:50:59 +08:00
Kris Aubuchon 9398504332 fixing appearance of horizontal scrollbar on topic list at about 996px wide 2014-07-12 00:12:50 -04:00
Kris Aubuchon 291459bb91 first steps to making discourse more responsive 2014-07-09 19:56:35 -04:00
Régis Hanol 7feab2fc99 Revert "background on topic-list, more width on extra-info-wrapper, meta viewport fix" 2014-07-02 16:55:43 +02:00
Kris Aubuchon e0194e69a5 adding background to topic-list, making max-width larger on extra-info-wrapper, and changing viewport config 2014-07-02 09:54:40 -04:00
Kris Aubuchon e439df4b6b darkening the too-light-grey and the primary black a bit 2014-05-21 21:18:25 -04:00
Kris Aubuchon ffa33c572c making the color customizer a little nicer with dark themes 2014-05-19 01:17:59 -04:00
Neil Lalonde 4980cff802 Add descriptions. Make all the actions buttons. Add a revert button to colors. Add a new variable: quaternary. 2014-05-14 10:19:00 -04:00
Neil Lalonde c4d3aa3d47 Theming: a UI to choose some base colors that are applied to all the site css. CSS compiled outside of asset pipeline. 2014-05-14 10:18:12 -04:00
Vikhyat Korrapati 17ad49ffbc Slightly improve header accessibility.
Partially addresses: https://meta.discourse.org/t/links-without-text-make-blind-user-accessibility-worse/13538.
2014-05-07 18:08:47 +05:30
Kris Aubuchon 22e7fd5ed0 some color fixes, general consistency 2014-05-06 23:53:04 -04:00
Régis Hanol 8cf937cdcb BUGFIX: fix selected & unread notifications dropdown background color 2014-05-06 12:34:50 +02:00
Kris Aubuchon 8ea63006e4 simplifying and segmenting color variables 2014-05-06 01:50:51 -04:00
Benjamin Kampmann 64918c35f5 Improved Plugins SCSS management
- Moves the import of plugins for both mobile and desktop from common after discourse loading, allowing plugins to overwrite
 - Make desktop-option behave like the mobile-option: SCSS/CSS marked with that option will only be loaded for desktop from now on and ignored in mobile
 - Add variables-keyword, allowing plugins to ship and overwrite variables before they get imported by discourse (great for theming)
2014-04-25 18:25:45 +02:00
Kris Aubuchon dd18a07604 fixing the username font on windows 2014-04-06 20:08:08 -04:00
Kris Aubuchon 99fb7b74b0 adding styles for preformatted text not covered by highlight.js 2014-03-27 15:36:14 -04:00
Kris Aubuchon 95d98a4266 some basic variable reorganiztion 2014-03-26 21:16:41 -04:00
Kris Aubuchon 71034a33a1 clearing up variable duplication as discussed https://github.com/discourse/discourse/pull/2174 2014-03-25 09:53:07 -04:00
Kris Aubuchon 49a222f985 fixing private category badges and mobile header logo 2014-03-17 23:00:39 -04:00
Kris Aubuchon b219450f3c fixing lists on mobile posts and changing highlight color 2014-03-15 12:01:17 -04:00
Kris Aubuchon bb49b3be82 some iterative design changes 2014-03-12 23:17:18 -04:00
Kris Aubuchon 441d01c5a6 going back to the white on blue new post notification badges 2014-03-11 17:26:25 -04:00
Kris Aubuchon 10858d3c87 some incremental style enhancements, as discussed here https://meta.discourse.org/t/discourse-design-experiments/13479 2014-03-08 00:55:02 -05:00
Kris Aubuchon 9e4181dbe5 small design tweaks 2014-02-26 17:15:57 -05:00
Kris Aubuchon 6b050825ff revising color variables appwide, also some adjustments to "topic not found" page 2014-02-23 20:47:44 -05:00
Kris Aubuchon 47d8db4516 making the background on unread notifications stand out a bit more 2014-02-14 23:15:39 -05:00
Kris Aubuchon cdb888aec3 removing any :focus and/or outline definition so :focus falls back on the browser 2014-02-13 20:56:03 -05:00
Régis Hanol 7086f01de4 ligther danger dark highlight 2014-02-13 13:31:13 -08:00
Sam 7ad00f426c FEATURE REMOVAL: persona login
see: https://meta.discourse.org/t/pulling-persona-out-of-discourse-core/12613
2014-02-11 16:56:48 +11:00
Kris Aubuchon 2d872795d6 simplfying color palette, collecting colors into unified variables 2014-02-10 01:04:21 -05:00
Neil Lalonde 66616c9574 Categories page is even better on Nexus 7 (and probably iPad mini) 2013-12-19 16:51:18 -05:00
Neil Lalonde eeed9abcf0 Style categories page for mobile 2013-12-18 11:50:51 -05:00
Neil Lalonde 8838b555cd The entire notification when there are new topics is clickable 2013-11-05 16:56:32 -05:00
Robin Ward 7360112759 Merge pull request #1600 from GManzato/user_page_flat
Flatter design on User Page
2013-11-04 07:25:57 -08:00
Régis Hanol 12ac2f2e99 FIX issues with quote button
Fix the following issues
- Quote button quotes only one word on iOS
- Quote reply popup should not come up when selecting the text in the ‘reply’ button
2013-11-04 12:51:39 +01:00
Gilles Manzato 3826e67007 Flatter design on User Page
- Cleanup of the design ( remove border-radius ... )
- Fixed some alignment and width in mobile and lower screen size
2013-11-01 15:38:07 +01:00
Kris Aubuchon ca82d07f6d simplfying the header, some more alignment adjustments on the topic page 2013-10-23 00:22:24 -04:00
Kris Aubuchon 0ef064fd93 removed white line in quotes, cleaned up some markup 2013-10-22 18:31:40 -04:00
Kris Aubuchon aa42a36b8a a few general fixes to the new flatter theme 2013-10-20 21:59:46 -04:00
Kris Aubuchon 88a97bcb71 minimizing the desktop topic view, also effects the background on all pages and removed bootstrap 2013-10-19 18:18:25 -04:00
Robin Ward dd63e6d28f Two Column User View 2013-10-16 15:51:01 -04:00
Sam 8afff108bf css.scss makes rails 4 sad 2013-10-10 15:23:14 +11:00
Neil Lalonde cbe38075ac Fix asset compile problems 2013-09-05 18:04:45 -04:00
Neil Lalonde e3aafc154b Restructure the app/assets/stylesheets directory 2013-08-28 13:58:44 -04:00