Commit Graph

75 Commits

Author SHA1 Message Date
Matt Thomas
34d12c41c5 Add padding to #wpbody at viewports < 600px so that content isn't overlapped by the absolute-positioned adminbar. See #25858.
git-svn-id: https://develop.svn.wordpress.org/trunk@26379 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 02:04:15 +00:00
Matt Thomas
868ada7dfb 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26373 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 01:37:02 +00:00
Matt Thomas
da9a057ee4 Darken light gray text on dashboard widgets to ensure adequate color contrast. Fixes #26162, props melchoyce.
git-svn-id: https://develop.svn.wordpress.org/trunk@26371 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-25 23:49:25 +00:00
Andrew Ozz
89d0be9d3d 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

git-svn-id: https://develop.svn.wordpress.org/trunk@26366 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-24 22:06:13 +00:00
Dominik Schilling (ocean90)
695499f318 Add a missing semicolon.
git-svn-id: https://develop.svn.wordpress.org/trunk@26338 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-23 16:29:12 +00:00
Matt Thomas
830e72a481 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.
git-svn-id: https://develop.svn.wordpress.org/trunk@26331 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 19:55:33 +00:00
Matt Thomas
bd59dc63b1 Use the correct shade of blue for the default filled progress bar color, 0074a2 to match the default scheme's highlight color. See #26147.
git-svn-id: https://develop.svn.wordpress.org/trunk@26330 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 19:17:07 +00:00
Sergey Biryukov
494742302c Fix keyboard accessibility for row actions in list tables. Restore the CSS part of [25592], accidentally reverted in [26072].
fixes #26145.

git-svn-id: https://develop.svn.wordpress.org/trunk@26324 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 08:19:44 +00:00
Sergey Biryukov
bb56197ae6 Remove gradient for invalid menu items. props melchoyce. fixes #26144.
git-svn-id: https://develop.svn.wordpress.org/trunk@26322 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 07:35:26 +00:00
Dion Hulse
2388095150 Theme Installer: Fix the Theme Preview function, and bring the button handling/styling inline with the Customizer. Fixes #26129
git-svn-id: https://develop.svn.wordpress.org/trunk@26317 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 04:02:37 +00:00
Matt Thomas
734e42c912 Making a few more adjustments to the uploader progress bar styles. See #26147.
git-svn-id: https://develop.svn.wordpress.org/trunk@26310 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 00:10:15 +00:00
Matt Thomas
c23257d7f2 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26309 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 00:02:44 +00:00
Matt Thomas
f22fcec003 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.
git-svn-id: https://develop.svn.wordpress.org/trunk@26308 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-21 20:03:42 +00:00
Andrew Ozz
3341352a3d 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@26306 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-21 19:27:47 +00:00
Matt Thomas
6ed7efe416 Switch to a fluid padding-top on #login so it aligns nicely on small screens. Fixes #26130.
git-svn-id: https://develop.svn.wordpress.org/trunk@26300 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-21 00:30:10 +00:00
Matt Thomas
c8e93a3e16 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26297 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 23:32:36 +00:00
Andrew Ozz
d0a8ff70ec Widgets: adjust placeholder size to match the widget size. Prevents the widgets from jumping when one is dragged. See #25858.
git-svn-id: https://develop.svn.wordpress.org/trunk@26296 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 23:28:06 +00:00
Matt Thomas
9df3f0fde2 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26293 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 22:47:25 +00:00
Andrew Nacin
faee071ac0 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@26291 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 19:43:36 +00:00
Matt Thomas
a63545e92b 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26289 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 16:53:05 +00:00
Andrew Ozz
b31a5258cd 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.
git-svn-id: https://develop.svn.wordpress.org/trunk@26285 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 04:44:21 +00:00
Andrew Ozz
5d5571afe9 Widgets: fix the placeholders dimensions so the sidebars don't jump when dragging a widget, see #25821
git-svn-id: https://develop.svn.wordpress.org/trunk@26281 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 02:40:54 +00:00
Andrew Ozz
8da914b9ec 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@26277 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 01:34:41 +00:00
Andrew Ozz
e45ca7cc89 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@26275 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-19 23:46:05 +00:00
Andrew Ozz
fdc08a857e 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
git-svn-id: https://develop.svn.wordpress.org/trunk@26271 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-19 18:02:14 +00:00
Andrew Ozz
b01698ee01 Widgets: remove some unused styles, props shaunandrews, see #25821
git-svn-id: https://develop.svn.wordpress.org/trunk@26259 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-18 23:05:31 +00:00
Matt Thomas
132e26e81a 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.
git-svn-id: https://develop.svn.wordpress.org/trunk@26256 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-18 22:09:51 +00:00
Matt Thomas
c0dc646297 Put the 'Safe Draft' button back in its place in the Publish box. Fixes #26081, props aubreypwd.
git-svn-id: https://develop.svn.wordpress.org/trunk@26248 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-18 19:03:01 +00:00
Matt Thomas
c85c7ec8df 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26247 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-18 18:52:06 +00:00
Sergey Biryukov
3035556d48 Fix CSS formatting. Remove redundant rule. see #25976. see #25824.
git-svn-id: https://develop.svn.wordpress.org/trunk@26240 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-17 01:10:49 +00:00
Sergey Biryukov
bbd6116d28 Fix padding for Quick Draft dashboard widget when there are no drafts.
props aubreypwd.
fixes #26076.

git-svn-id: https://develop.svn.wordpress.org/trunk@26239 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-17 00:37:49 +00:00
Andrew Nacin
f000be8af3 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@26230 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 22:22:43 +00:00
Matt Thomas
c97a94c0d5 Move media uploader responsive styles from wp-admin.css to media-views.css; clean up duplicated media queries. See #25977.
git-svn-id: https://develop.svn.wordpress.org/trunk@26229 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 21:46:14 +00:00
Matt Thomas
5a8835f000 Make the Install Plugins search results page responsive, so the table doesn't overflow the viewport. Props joen, fixes #25976.
git-svn-id: https://develop.svn.wordpress.org/trunk@26223 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 20:58:36 +00:00
Andrew Nacin
1ce61ffda7 Merge wp_dashboard_recent_quickdrafts() into wp_dashboard_quick_press(). see #25824.
git-svn-id: https://develop.svn.wordpress.org/trunk@26221 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 20:39:37 +00:00
Andrew Nacin
9a936eb7d0 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@26220 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 20:14:44 +00:00
Matt Thomas
8b8be72403 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26219 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 19:53:50 +00:00
Helen Hou-Sandi
3f6c11bf0a We only need to declare Open Sans once in wp-admin.css. See #25858.
git-svn-id: https://develop.svn.wordpress.org/trunk@26185 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-15 00:14:41 +00:00
Helen Hou-Sandi
17a8516d2e Remove now-unused #adminmenushadow. see #25858.
git-svn-id: https://develop.svn.wordpress.org/trunk@26182 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 23:48:44 +00:00
Matt Thomas
c7a7d8f5f8 Move the color rule for adminbar icons to a less-specific selector so that color schemes correctly affect icon color in the toolbar.
git-svn-id: https://develop.svn.wordpress.org/trunk@26180 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 23:29:26 +00:00
Matt Thomas
7c4caaff13 Reduce responsive menu transition animation from .2s to .05s to reduce lag. See #25969.
git-svn-id: https://develop.svn.wordpress.org/trunk@26179 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 23:12:52 +00:00
Matt Thomas
efd1e19044 In multisite, set storage space labels to nowrap to prevent unnecessary line breaks. Fixes #25919, props SergeyBiryukov.
git-svn-id: https://develop.svn.wordpress.org/trunk@26178 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 22:47:06 +00:00
Matt Thomas
062ffefbc5 Move the responsive padding for html.wp-toolbar to wp-admin.css since it affects the page content, not the toolbar.
git-svn-id: https://develop.svn.wordpress.org/trunk@26177 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 22:43:00 +00:00
Matt Thomas
7c4e2caf01 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.
git-svn-id: https://develop.svn.wordpress.org/trunk@26176 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 22:36:34 +00:00
Andrew Nacin
e299fef83d More specific CSS for the dashboard activity widget.
props iammattthomas.
see #26028.


git-svn-id: https://develop.svn.wordpress.org/trunk@26175 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 22:10:24 +00:00
Matt Thomas
c380f3276a Make the menu location screen full-width at responsive sizes. Fixes #25975, props johnbillion.
git-svn-id: https://develop.svn.wordpress.org/trunk@26173 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 20:43:00 +00:00
Matt Thomas
14e585a645 In bulk editing mode, make all columns full-width and increase the font size when at responsive sizes. Fixes #25978, props johnbillion.
git-svn-id: https://develop.svn.wordpress.org/trunk@26172 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 20:40:13 +00:00
Helen Hou-Sandi
cc62157248 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.
git-svn-id: https://develop.svn.wordpress.org/trunk@26165 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-14 16:41:36 +00:00
Andrew Nacin
3b82749eba 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@26144 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-13 22:08:47 +00:00
Matt Thomas
e00060118b Bring in the widgets component of MP6. See #25858.
* A cleaner UI, with a simpler design for available and inactive widgets, and more emphasis on your sidebars.
* Available widgets and sidebars expand to two columns at larger screen sizes making it easier to manage sites with lots of sidebars.
* New dropzone indicator for empty sidebars.

Props shaunandrews, joen, iammattthomas.



git-svn-id: https://develop.svn.wordpress.org/trunk@26140 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-13 20:05:51 +00:00