Commit Graph

229 Commits

Author SHA1 Message Date
Matt Thomas
e54ee86aaa Make the responsive layout behave better when the user zooms the page:
* Change the smartphone media query from 480 to 600px so it captures large screen phones in landscape mode.
* Set #wpadminbar to position: absolute at smartphone sizes so it scrolls with the page, freeing up the viewport.
* Remove the transition states on #adminmenu for better performance on mobile devices
* Make the responsive sidebar scroll with the page instead of using a fixed position
* Remove the -webkit-overflow-scrolling rule that was disabling scroll-to-top when tapping the iOS status bar.
* Remove unnecessary zoom declaration from -ms-viewport.

See #25858.


Built from https://develop.svn.wordpress.org/trunk@26373


git-svn-id: http://core.svn.wordpress.org/trunk@26273 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 01:38:10 +00:00
Matt Thomas
a901416416 Darken light gray text on dashboard widgets to ensure adequate color contrast. Fixes #26162, props melchoyce.
Built from https://develop.svn.wordpress.org/trunk@26371


git-svn-id: http://core.svn.wordpress.org/trunk@26271 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 23:50:09 +00:00
Andrew Ozz
c944323a4f Widgets:
- Don't deactivate "draggable" on the widget when the chooser is open. Makes it possible to still drag the "widget-in-question".
- Change the chooser's HTML id to a class to avoid collisions when cloning.
- Refresh the "sortable" positions when an open widget is dragged. Fixes problems moving the widget up or down in the same sidebar.
See #25821
Built from https://develop.svn.wordpress.org/trunk@26366


git-svn-id: http://core.svn.wordpress.org/trunk@26267 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-24 22:07:10 +00:00
Matt Thomas
456ce72df2 Make disabled checkboxes and radios slightly less transparent for better visibility on low-contrast screens. Move this rule from colors-fresh to wp-admin as it's not color-specific. Fixes #26004.
Built from https://develop.svn.wordpress.org/trunk@26331


git-svn-id: http://core.svn.wordpress.org/trunk@26233 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 19:56:09 +00:00
Matt Thomas
f0ec4ea835 Use the correct shade of blue for the default filled progress bar color, 0074a2 to match the default scheme's highlight color. See #26147.
Built from https://develop.svn.wordpress.org/trunk@26330


git-svn-id: http://core.svn.wordpress.org/trunk@26232 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 19:18:10 +00:00
Sergey Biryukov
5f5c95a5b6 Fix keyboard accessibility for row actions in list tables. Restore the CSS part of [25592], accidentally reverted in [26072].
fixes #26145.
Built from https://develop.svn.wordpress.org/trunk@26324


git-svn-id: http://core.svn.wordpress.org/trunk@26227 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 08:20:10 +00:00
Sergey Biryukov
8a51dfff7d Remove gradient for invalid menu items. props melchoyce. fixes #26144.
Built from https://develop.svn.wordpress.org/trunk@26322


git-svn-id: http://core.svn.wordpress.org/trunk@26225 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 07:36:10 +00:00
Dion Hulse
f392843074 Theme Installer: Fix the Theme Preview function, and bring the button handling/styling inline with the Customizer. Fixes #26129
Built from https://develop.svn.wordpress.org/trunk@26317


git-svn-id: http://core.svn.wordpress.org/trunk@26221 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 04:03:10 +00:00
Matt Thomas
9da12ebae7 Making a few more adjustments to the uploader progress bar styles. See #26147.
Built from https://develop.svn.wordpress.org/trunk@26310


git-svn-id: http://core.svn.wordpress.org/trunk@26214 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 00:11:09 +00:00
Matt Thomas
a3f4245602 Update the media upload interfaces to match new admin design:
* Replace separate progress bar designs on media-new.php and modal media uploader with a single consistent design
* Remove side borders from list of uploads on media-new.php
* Restyle the selected photo border and checkbox on modal media uploader
* Add a Media Uploader section to color schemes with progress bar and selected photo styles

Fixes #26147. Props melchoyce, iammattthomas.


Built from https://develop.svn.wordpress.org/trunk@26309


git-svn-id: http://core.svn.wordpress.org/trunk@26213 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 00:03:10 +00:00
Matt Thomas
aed612cca4 Combine border and box-shadow styles for inputs, textareas, and selects. Set border-radius to 0 on these elements to override default styling in iOS. See #24387.
Built from https://develop.svn.wordpress.org/trunk@26308


git-svn-id: http://core.svn.wordpress.org/trunk@26212 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-21 20:04:11 +00:00
Andrew Ozz
1aa122be5e Widgets:
- Prevent dragging of the widget-in-question when the chooser is open.
- Don't show more than one spinner when saving widgets positions.
- Disable selecting of text in the widget title. Prevents selecting/highlighting most of the screen when dragging on slower devices.
See #25821.
Built from https://develop.svn.wordpress.org/trunk@26306


git-svn-id: http://core.svn.wordpress.org/trunk@26210 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-21 19:28:10 +00:00
Matt Thomas
6139ae6953 Switch to a fluid padding-top on #login so it aligns nicely on small screens. Fixes #26130.
Built from https://develop.svn.wordpress.org/trunk@26300


git-svn-id: http://core.svn.wordpress.org/trunk@26205 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-21 00:31:10 +00:00
Matt Thomas
1fc3716b84 Some improvements to the dashboard activity widget:
* Use the correct background color for unapproved comments.
* Use the sale box-shadow style instead of a border between rows so the orange border is uninterrupted between multiple pending comments.

See #25858.


Built from https://develop.svn.wordpress.org/trunk@26297


git-svn-id: http://core.svn.wordpress.org/trunk@26202 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 23:33:11 +00:00
Andrew Ozz
93faad2403 Widgets: adjust placeholder size to match the widget size. Prevents the widgets from jumping when one is dragged. See #25858.
Built from https://develop.svn.wordpress.org/trunk@26296


git-svn-id: http://core.svn.wordpress.org/trunk@26201 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 23:29:09 +00:00
Matt Thomas
f26fea70c5 Making improvements to new styles added in the MP6 merge, and addressing visual feedback from core team.
Improved and more consistent styling on the widgets & menus pages:

* Use the same visual treatment for both widgets and menus.
* Re-use existing styles from input:focus for draggable elements.
* Use the standard H3 size for widget area titles.
* Re-style the Widgets page drop zone to match drop zone from dashboard.
* Replace the gear icon on Widgets with the standard open/close arrows.
* Remove "Choose a sidebar" header from widget area chooser.

Make open/close arrows more consistent:

* Use the same arrow direction everywhere: pointing down when its container is closed, pointing up when open (following the Dashboard example).
* Set a consistent color for open/close arrows.
* Add a hover color for open/close arrows.
* Make open/close arrows permanently visible; :hover states don't exist on touch.

Make typography and color more consistent:

* Switch all declarations of #dedede to #ddd for simplicity's sake.
* Make H3s the same weight and color as H2s.
* Make select elements the same color as text inputs.
* Make paragraph text #444 so it doesn't look washed out on grey backgrounds.

General improvements:

* Eliminate the border between rows in settings tables.
* Make text and buttons line up in the Customizer.

See #25858.


Built from https://develop.svn.wordpress.org/trunk@26293


git-svn-id: http://core.svn.wordpress.org/trunk@26198 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 22:48:09 +00:00
Andrew Nacin
4f08cf2efa Dash cleanup.
* Use wp_add_dashboard_widget() rather than add_meta_box().
 * Use original functions like wp_dashboard_primary(), wp_dashboard_right_now(), wp_dashboard_quick_press() (where possible).
 * Only include plugins section of the news widget when appropriate, which necessitates the set_current_screen() via the ajax action.
 * Remove some debug cruft that was preventing caching and invalidation.
 * Simplify lots of things where possible.
see #25824.

Built from https://develop.svn.wordpress.org/trunk@26291


git-svn-id: http://core.svn.wordpress.org/trunk@26196 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 19:44:12 +00:00
Matt Thomas
c30631fbcc Cleanup on inputs:
* Remove the !important from checkbox and radio border color
* Remove the redundant #wpbody select rule
* Add checkbox and radio inputs to the standard :focus style rules for inputs
* Remove custom border and box shadow styles from .login inputs
* Don't remove the default outline from select elements since webkit doesn't allow borders on selects

Fixes #26120.


Built from https://develop.svn.wordpress.org/trunk@26289


git-svn-id: http://core.svn.wordpress.org/trunk@26194 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 16:54:10 +00:00
Andrew Ozz
30b1c76a01 Widgets: split the sidebars in two containers so there are no empty spaces when they are shown in two columns and some are open, other closed. See #25952.
Built from https://develop.svn.wordpress.org/trunk@26285


git-svn-id: http://core.svn.wordpress.org/trunk@26190 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 04:45:10 +00:00
Andrew Ozz
7cce4a8d8d Widgets: fix the placeholders dimensions so the sidebars don't jump when dragging a widget, see #25821
Built from https://develop.svn.wordpress.org/trunk@26281


git-svn-id: http://core.svn.wordpress.org/trunk@26186 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 02:41:09 +00:00
Andrew Ozz
4070cdcf66 Widgets:
- Fix support for expanding (wide) widgets in the Inactive Widgets area.
- Remove resizing of the sidebars height.
- Stop removing unneeded "for" attributes from labels inside the widgets. Was a fix for IE6 odd behaviour.  

See #26117.
Built from https://develop.svn.wordpress.org/trunk@26277


git-svn-id: http://core.svn.wordpress.org/trunk@26182 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 01:35:10 +00:00
Andrew Ozz
8de3d7d15e Widgets:
- Remove the !important styles that were overriding the widget width when expanded.
- Fix missing border-bottom from widgets when dragged and expanded.
Props shaunandrews, see #26117.
Built from https://develop.svn.wordpress.org/trunk@26275


git-svn-id: http://core.svn.wordpress.org/trunk@26180 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-19 23:47:10 +00:00
Andrew Ozz
c19660468b Widgets: move the chooser inside the selected widget so it inherits the width, add some keyboard shortcuts: tab to select, enter to append and escape to cancel. Props shaunandrews, see #25821
Built from https://develop.svn.wordpress.org/trunk@26271


git-svn-id: http://core.svn.wordpress.org/trunk@26176 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-19 18:03:09 +00:00
Andrew Ozz
4a5e64e682 Widgets: remove some unused styles, props shaunandrews, see #25821
Built from https://develop.svn.wordpress.org/trunk@26259


git-svn-id: http://core.svn.wordpress.org/trunk@26165 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-18 23:06:09 +00:00
Matt Thomas
929486f848 Make the item-controls elements on the Edit Menus page line up; use :before instead of :after for item-edit icons for better cross-browser performance; switch to :after instead of ::after for pseudo-elements so IE8 displays these icons properly. Fixes #26059, props jeremyfelt.
Built from https://develop.svn.wordpress.org/trunk@26256


git-svn-id: http://core.svn.wordpress.org/trunk@26162 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-18 22:10:10 +00:00
Matt Thomas
116d02da86 Put the 'Safe Draft' button back in its place in the Publish box. Fixes #26081, props aubreypwd.
Built from https://develop.svn.wordpress.org/trunk@26248


git-svn-id: http://core.svn.wordpress.org/trunk@26154 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-18 19:04:09 +00:00
Matt Thomas
7fe71ffe81 Style and positioning fixes to form elements in the Publish box:
- Make select element text #555 to match others
- Make Cancel links vertically align with buttons
- Make sure the spacing between buttons and cancel links is always consistent
- Override active button styles for responsive states so button size doesn't change when active
- Reduce font size of date select element to match date text inputs

Fixes #26082, props aubreypwd.


Built from https://develop.svn.wordpress.org/trunk@26247


git-svn-id: http://core.svn.wordpress.org/trunk@26153 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-18 18:53:10 +00:00
Sergey Biryukov
507f47d03f Fix CSS formatting. Remove redundant rule. see #25976. see #25824.
Built from https://develop.svn.wordpress.org/trunk@26240


git-svn-id: http://core.svn.wordpress.org/trunk@26147 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-17 01:11:09 +00:00
Sergey Biryukov
5965ca48ce Fix padding for Quick Draft dashboard widget when there are no drafts.
props aubreypwd.
fixes #26076.
Built from https://develop.svn.wordpress.org/trunk@26239


git-svn-id: http://core.svn.wordpress.org/trunk@26146 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-17 00:38:09 +00:00
Andrew Nacin
791e807f08 More dash updates.
* Shuffle around some pixels.
 * Rename some things that weren't caught in [26220].
 * Revert default-widgets.php change from [26144].
props lessbloat.
see #25824.

Built from https://develop.svn.wordpress.org/trunk@26230


git-svn-id: http://core.svn.wordpress.org/trunk@26137 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 22:23:09 +00:00
Matt Thomas
7b06d5b0a9 Move media uploader responsive styles from wp-admin.css to media-views.css; clean up duplicated media queries. See #25977.
Built from https://develop.svn.wordpress.org/trunk@26229


git-svn-id: http://core.svn.wordpress.org/trunk@26136 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 21:47:09 +00:00
Matt Thomas
114d47cf18 Make the Install Plugins search results page responsive, so the table doesn't overflow the viewport. Props joen, fixes #25976.
Built from https://develop.svn.wordpress.org/trunk@26223


git-svn-id: http://core.svn.wordpress.org/trunk@26130 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 20:59:11 +00:00
Andrew Nacin
963b2aa574 Merge wp_dashboard_recent_quickdrafts() into wp_dashboard_quick_press(). see #25824.
Built from https://develop.svn.wordpress.org/trunk@26221


git-svn-id: http://core.svn.wordpress.org/trunk@26129 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 20:40:15 +00:00
Andrew Nacin
2cc8ed1594 Dash cleanup.
* Use wp_add_dashboard_widget() rather than add_meta_box().
 * Use original functions like wp_dashboard_primary(), wp_dashboard_right_now(), wp_dashboard_quick_press() (where possible).
 * Only include plugins section of the news widget when appropriate, which necessitates the set_current_screen() via the ajax action.
 * Remove some debug cruft that was preventing caching and invalidation.
 * Simplify lots of things where possible.
see #25824.

Built from https://develop.svn.wordpress.org/trunk@26220


git-svn-id: http://core.svn.wordpress.org/trunk@26128 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 20:15:10 +00:00
Matt Thomas
a9bab73408 Improvements to the media uploader at responsive sizes:
* Change load order so larger breakpoint loads before smaller breakpoint.
* Use absolute positioning rather than floats, to fix some overflow issues.
* Remove the max-height media query so desktop browsers benefit from the responsive styles.
* Reset text inputs to 16px so iOS doesn't force zoom.
* Adjust the position of the close button so it doesn't overlap the Create Gallery link.

See #25977. Props joen.


Built from https://develop.svn.wordpress.org/trunk@26219


git-svn-id: http://core.svn.wordpress.org/trunk@26127 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 19:54:10 +00:00
Helen Hou-Sandí
a9c3558df2 We only need to declare Open Sans once in wp-admin.css. See #25858.
Built from https://develop.svn.wordpress.org/trunk@26185


git-svn-id: http://core.svn.wordpress.org/trunk@26094 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 00:15:11 +00:00
Helen Hou-Sandí
70330d468c Remove now-unused #adminmenushadow. see #25858.
Built from https://develop.svn.wordpress.org/trunk@26182


git-svn-id: http://core.svn.wordpress.org/trunk@26091 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 23:49:10 +00:00
Matt Thomas
a71ffcfd24 Move the color rule for adminbar icons to a less-specific selector so that color schemes correctly affect icon color in the toolbar.
Built from https://develop.svn.wordpress.org/trunk@26180


git-svn-id: http://core.svn.wordpress.org/trunk@26089 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 23:30:10 +00:00
Matt Thomas
922227d137 Reduce responsive menu transition animation from .2s to .05s to reduce lag. See #25969.
Built from https://develop.svn.wordpress.org/trunk@26179


git-svn-id: http://core.svn.wordpress.org/trunk@26088 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 23:13:10 +00:00
Matt Thomas
8235710c41 In multisite, set storage space labels to nowrap to prevent unnecessary line breaks. Fixes #25919, props SergeyBiryukov.
Built from https://develop.svn.wordpress.org/trunk@26178


git-svn-id: http://core.svn.wordpress.org/trunk@26087 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 22:48:10 +00:00
Matt Thomas
10878d8422 Move the responsive padding for html.wp-toolbar to wp-admin.css since it affects the page content, not the toolbar.
Built from https://develop.svn.wordpress.org/trunk@26177


git-svn-id: http://core.svn.wordpress.org/trunk@26086 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 22:43:10 +00:00
Matt Thomas
ce8be8ec8b Move #wpadminbar responsive styles from wp-admin.css to admin-bar.css. Remove unneeded font overrides and !importants where possible. Make sure the site menu item uses the globe icon consistently instead of switching to the home icon <782px. Fixes #25971.
Built from https://develop.svn.wordpress.org/trunk@26176


git-svn-id: http://core.svn.wordpress.org/trunk@26085 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 22:37:09 +00:00
Andrew Nacin
b70b7a0ee1 More specific CSS for the dashboard activity widget.
props iammattthomas.
see #26028.

Built from https://develop.svn.wordpress.org/trunk@26175


git-svn-id: http://core.svn.wordpress.org/trunk@26084 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 22:11:10 +00:00
Matt Thomas
a41f3f9bb3 Make the menu location screen full-width at responsive sizes. Fixes #25975, props johnbillion.
Built from https://develop.svn.wordpress.org/trunk@26173


git-svn-id: http://core.svn.wordpress.org/trunk@26082 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 20:43:11 +00:00
Matt Thomas
959adbf9f4 In bulk editing mode, make all columns full-width and increase the font size when at responsive sizes. Fixes #25978, props johnbillion.
Built from https://develop.svn.wordpress.org/trunk@26172


git-svn-id: http://core.svn.wordpress.org/trunk@26081 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 20:41:10 +00:00
Helen Hou-Sandí
7598382a67 Remove old control/accordion section title gradients that were still appearing in the customizer and reinstate a divider between the customizer sidebar and the preview. props ryelle, helen. see #25858.
Built from https://develop.svn.wordpress.org/trunk@26165


git-svn-id: http://core.svn.wordpress.org/trunk@26076 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 16:42:10 +00:00
Andrew Nacin
809b335f7a Merge the new dashboard design into core.
Merges https://github.com/growthdesigner/wp-dash.

props lessbloat, joen, helen, dbernar1, kraftbj, ryelle, tillkruess, grapplerulrich, markjaquith.
see #25824.

Built from https://develop.svn.wordpress.org/trunk@26144


git-svn-id: http://core.svn.wordpress.org/trunk@26055 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-13 22:09:10 +00:00
Andrew Nacin
d8564963b8 Temporarily remove CSS preprocessing until we can get our Ruby dependency sorted out.
see #25858, #22862.

Built from https://develop.svn.wordpress.org/trunk@26143


git-svn-id: http://core.svn.wordpress.org/trunk@26054 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-13 21:45:11 +00:00
Helen Hou-Sandí
437caa9972 Turns out it helps if you add those pesky Sass files if you're going to use a preprocessor. see #25858.
Built from https://develop.svn.wordpress.org/trunk@26139


git-svn-id: http://core.svn.wordpress.org/trunk@26050 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-13 19:54:14 +00:00
Helen Hou-Sandí
603c1aff6d Merge the color schemes component from MP6. Introduces Light, Blue, and Midnight.
Color scheme selection on your own profile page gives you a preview and autosaves the selection.

Also introduces the usage of a preprocessor for core files, namely Sass. For 3.8, we will not expand its implementation past the color schemes. This does require Ruby as well as Sass 3.3.0+ due to the usage of the sourcemap option.

Note that only the default color scheme is available when running out of src. Use build to test the rest as well as the color picker.

props ryelle, melchoyce, tillkruess, drw158, littlethingsstudio, helen. see #25858, #22862.

Built from https://develop.svn.wordpress.org/trunk@26137


git-svn-id: http://core.svn.wordpress.org/trunk@26048 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-13 19:38:38 +00:00