Commit Graph

47 Commits

Author SHA1 Message Date
John O'Nolan
6a4036a0bb Minor start on CSS Style cleanup
See #4107
2014-09-24 09:08:42 +01:00
Paul Adam Davis
c6289c87b8 Fix several tiny CSS bugs
Closes #4050

- Full-width invite user modal button
- `<select>` can be focused in Firefox
- Increase size of background images for avatars
- Add `-moz-osx-font-smoothing: grayscale;` to icons
2014-09-19 21:24:43 +01:00
Matt Enlow
e48b5edbb4 Abstract mobile transition interactions
Closes #4032
- Created "mobile" views: `parent-view`, `content-view` and `index-view`
- `mobile/parent-view` has three callbacks for managing layout, and a mediaQuery listener to keep in sync with the user
- content-view and index-view use their parent-views callbacks to bring themselves into and out of the viewport as appropriate
- fixed media queries for post content list from 800px to 900px
- Created `mobile-index-route` to intelligently transition to a new route on desktops (used by both PostsIndexRoute and SettingsIndexRoute)
- Extract mobile interactions from settings views to new mobile utility views
- `js-` prefixed settings view transitions
- removed unused openEditor action from PostsRoute
- removed unused mobile util "responsiveAction"
2014-09-16 07:28:03 -06:00
Paul Adam Davis
381e296f17 Fix ::selection bug
No issue

Fixes a weird issue where text would overlap other text.
2014-09-13 14:54:44 +01:00
Paul Adam Davis
7a6f2e4208 Remove form focus halo
No issue

- Removed the blue halo from around focused form elements
- Slightly refactored the forms to target less text inputs and have cleaner syntax
2014-09-05 17:16:55 +01:00
Paul Adam Davis
3634a5ab46 Fix floaring header gradient in FF and settings images
No issue

- Corrects the syntax used for the floating header gradient so it now gets prefixed correctly for Firefox
- Removes padding from `<button>` elements (fixes padding around images in buttons)
- Adds display: block; to settings images to prevent a Webkit bug which adds space under the image
2014-09-03 15:52:01 +01:00
Paul Adam Davis
d7ba24d8b7 Fix notification styles
No issue

I'm not sure why, but @extend's here using placeholder selectors, not classes, work.

This fixes the notification and modal styles, which meant changing how the default button selector works. It is now a placeholder, and a real class extends that. The modal styles extended the default button style, which can now happen.
2014-08-31 20:56:05 +01:00
Paul Adam Davis
8e7b8f8bfa Swap out Ruby Sass for Node Sass
- Uses Node Bourbon https://www.npmjs.org/package/node-bourbon
- Produces source maps
- Removed all ruby dependencie

History:
- Remove bourbon from package and cleanup grunt tasks
- Un-bourbon keyframe animations
- Un-bourbon transitions
- Un-bourbon box-sizing
- Un-bourbon font-feature-settings
- Import bourbon clearfix mixin
- Un-bourbon linear gradients
- Un-bourbon input types
- Un-bourbon positions
- Un-bourbon transforms
- Un-bourbon notification animations
- Un-bourbon uploader box-sizing
- Un-bourbon border-radius
- Un-bourbon splitbutton transitions
- Add triangle mixin
- Un-bourbon default container positioning
- Un-bourbon flexbox properties
- Fix triangle mixin - It now has the same output as the Bourbon mixin
- Add autoprefixer
- Correct global default font size
- Remove unwanted prefixes - Because, y'know, autoprefixer
- Output from node sass migration - Includes all the files we usually have, plus source maps
2014-08-30 14:13:36 +01:00
Paul Adam Davis
dcbd77ca03 Move nav-item file, use variable colours instead of some hexes 2014-08-18 18:08:52 +01:00
Paul Adam Davis
cbb3d34d85 New PSM markup, nav-item, and refactored input icons
References #97, #98, #99
2014-08-18 17:57:04 +01:00
John O'Nolan
ef2b4fc7f6 Remove old button styles 2014-08-16 19:39:37 +03:00
Paul Adam Davis
7078724c3f Re-implement old form styles 2014-08-14 16:29:34 +01:00
Paul Adam Davis
71e140eb19 Badge component 2014-08-14 14:38:32 +01:00
Paul Adam Davis
78f459315a Implement labels 2014-08-12 15:27:22 +01:00
John O'Nolan
d3fbdb2b92 OCD 2014-08-10 09:36:36 +03:00
John O'Nolan
7ba56386dd Reset buttons without classes 2014-08-07 16:37:47 +03:00
John O'Nolan
a36c7a559b Fix floatingheader alignments 2014-08-07 16:35:58 +03:00
John O'Nolan
7b1609e7de Update application frame styles for content + editor 2014-08-07 15:11:01 +03:00
John O'Nolan
39bcbac761 Typography updates 2014-08-06 22:46:32 +03:00
John O'Nolan
a470c46543 Button updates to match existing styles 2014-08-06 00:39:19 +03:00
Paul Adam Davis
311325aa79 Form Inputs 2014-08-05 15:12:27 +01:00
John O'Nolan
abec25b72b Highlight old styles for removal 2014-08-04 19:45:32 +03:00
John O'Nolan
dcf54bd9ce Strip base button style. This should be covered already. 2014-08-04 19:38:41 +03:00
John O'Nolan
9ecbb375a5 Remove old button styles which are not used anywhere in core 2014-08-04 19:37:04 +03:00
John O'Nolan
e8dc88597e Break splitbuttons out into component 2014-08-04 19:28:07 +03:00
John O'Nolan
f06fc42846 Adjust BS default styles 2014-08-04 19:24:41 +03:00
John O'Nolan
82c9f59a21 Port/convert BS mixins/vars - strip unneeded variations 2014-08-04 18:57:33 +03:00
John O'Nolan
29f6c1d178 Add base bootstrap buttons 2014-08-04 18:11:22 +03:00
Paul Adam Davis
ffcb80e54e Vertically center floating header text 2014-08-01 09:02:11 +01:00
Paul Adam Davis
9beb031bad Better dropdown organisation 2014-07-31 16:06:25 +01:00
John O'Nolan
6aa6be071c Import old dropdowns temporarily 2014-07-30 14:56:37 +03:00
John O'Nolan
aabe9ed6b6 Adjusted animation timing for links 2014-07-30 10:39:17 +03:00
John O'Nolan
0fc1416bfc Stripping default nav styling completely
This is already conflicting with new styles horribly.
2014-07-30 10:20:27 +03:00
John O'Nolan
a83c736c48 Deprecate utilities.scss 2014-07-30 09:09:11 +03:00
John O'Nolan
c2de94a9bd No underlines 2014-07-30 09:04:29 +03:00
John O'Nolan
42f9f3c0e1 Merged typography.scss into global.scss 2014-07-30 08:44:05 +03:00
John O'Nolan
c30fabb94a Tables 2014-07-30 08:19:50 +03:00
John O'Nolan
75e92add37 Deprecate navs.scss, merge into shame.scss 2014-07-30 08:09:57 +03:00
John O'Nolan
f59f86eb28 Deprecate old files and introduce _shame.scss
- New _shame.scss to hold styles/components which need to be refactored or removed
- layout.scss and floatingheader.scss merged into global.scss/shame.scss
2014-07-30 08:07:23 +03:00
John O'Nolan
1dbd4cd759 Forms 2014-07-30 07:57:36 +03:00
John O'Nolan
98d87cfa26 Buttons 2014-07-30 07:47:54 +03:00
John O'Nolan
0ce641e363 Merge base.scss into global.scss 2014-07-30 07:43:36 +03:00
John O'Nolan
ce0b9c78ef New page-content panel and base font-size refinements 2014-07-29 16:19:46 +03:00
John O'Nolan
1ceab27e96 Always hide horizontal scrollbars on body 2014-07-29 12:28:02 +03:00
John O'Nolan
8d1635b7dc Introducing new mobile header and more mobile nav components 2014-07-29 12:10:20 +03:00
John O'Nolan
6fc3e09017 Clean up 2014-07-28 23:21:02 +02:00
John O'Nolan
19d9db085d Second pass on refactor - starting to introduce new global navigation component 2014-07-20 01:55:29 +02:00