Commit Graph

102 Commits

Author SHA1 Message Date
Matt Thomas
ec10ecbebf Improvements to hover and focus states on the adminbar:
* Add a clear hover state for top-level links in the adminbar.
* Add :focus styles to the adminbar for keyboard accessibility.
* Ensure that the username link in the profile submenu gets a :hover style.
* Add adminbar hover styles to color schemes.
* Set -webkit-font-smoothing to subpixel-antialiased on the adminbar so that Safari doesn't switch to standard antialiasing on mouseover.

Fixes #26152, props ryelle.



git-svn-id: https://develop.svn.wordpress.org/trunk@26407 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 17:18:00 +00:00
Andrew Ozz
0329fb83e3 Clean up the sticky menu and responsive tweaks JS:
- More descriptive names.
- Share cached jQuery elements.
- Fix re-enabling of touch events on the admin menu.
- Fix disabling/enabling of UI Sortable.
Props tollmanz, props sanchothefat, see #26086, fixes #26088.

git-svn-id: https://develop.svn.wordpress.org/trunk@26402 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 08:56:11 +00:00
Matt Thomas
ad57f2b7db Remove the new thickbox styles from wp-admin.css. See #26178
git-svn-id: https://develop.svn.wordpress.org/trunk@26396 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 05:34:56 +00:00
Matt Thomas
c32b78bac1 Make ratings stars 20px to match dashicons native size so they're crisp on all screens. See #26170, props melchoyce.
git-svn-id: https://develop.svn.wordpress.org/trunk@26393 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 05:11:46 +00:00
Helen Hou-Sandi
88bd8b4d87 Dashboard columns:
* Improve responsive breakpoints for.
* Remove obsolete network admin option.
* Remove unnecessary JS.

props SergeyBiryukov, kraftbj, lessbloat. fixes #26074.


git-svn-id: https://develop.svn.wordpress.org/trunk@26392 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 05:08:37 +00:00
Matt Thomas
1668b4ab1b Remove button-secondary class from Collapse link in theme installer; unify Collapse button styles in theme installer and Customize screen; add a border around the Collapse icon so it remains visible on dark backgrounds; move the color styles to colors-fresh. Fixes #26230.
git-svn-id: https://develop.svn.wordpress.org/trunk@26389 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 04:13:10 +00:00
Matt Thomas
1af7b4fed0 Add #adminmenu to this background color rule so it remains visible on mobile when the sidebar is longer than the main column, like on media-new.php. See #25858.
git-svn-id: https://develop.svn.wordpress.org/trunk@26387 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 03:50:26 +00:00
Matt Thomas
10990e9a37 Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce.
git-svn-id: https://develop.svn.wordpress.org/trunk@26386 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 03:35:41 +00:00
Matt Thomas
d1e69984c7 Style the color picker button to match the new standard button style. Adjust font size and height of 'Default' button to match color picker button. Fixes #26179.
git-svn-id: https://develop.svn.wordpress.org/trunk@26385 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 03:27:09 +00:00
Matt Thomas
557ecd7b6d Make sure that select elements vertically align properly with other text. Fixes #26136, props jeremyfelt.
git-svn-id: https://develop.svn.wordpress.org/trunk@26384 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 03:02:38 +00:00
Matt Thomas
27d2677273 Combine these selectors which both target the 'Menu Structure' heading on Edit Menus. Use .menu-edit instead of #post-body to ensure this margin applies only to the Edit Menus page. Fixes #26228.
git-svn-id: https://develop.svn.wordpress.org/trunk@26383 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 02:53:42 +00:00
Matt Thomas
183ac18d83 Allow #wpwrap to scroll horizontally if needed, and hide overflow only on specific elements that need it. See #26169.
git-svn-id: https://develop.svn.wordpress.org/trunk@26382 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 02:41:35 +00:00
Dion Hulse
696014fff5 Replace the Star ratings in the dashboard with dashicons ratings.
This also moves the ratings to only displaying full, half, or empty stars (ie. 3.0, 3.5, 4.0, no 3.7 ratings - which are rounded).
Fixes #26170


git-svn-id: https://develop.svn.wordpress.org/trunk@26380 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-26 02:24:25 +00:00
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
Dion Hulse
e683a6eb84 Themes: Fix the Customize button for the current theme. Props jacklenox. Fixes #26214
git-svn-id: https://develop.svn.wordpress.org/trunk@26369 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-25 07:03:44 +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
353bec85ae Increase the click target to 100% of the add-new-theme element. Props scottbasgaard. Fixes #25960
git-svn-id: https://develop.svn.wordpress.org/trunk@26321 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 07:21:25 +00:00
Dion Hulse
347febe7f7 Themes: Remove some unused invalid CSS. See #25948
git-svn-id: https://develop.svn.wordpress.org/trunk@26320 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 06:39:38 +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
5667f2459e Make sure color schemes get the 1px white border around checkboxes on the media uploader. See #26147.
git-svn-id: https://develop.svn.wordpress.org/trunk@26311 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-22 00:21:27 +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
9e59f73a0b Bring the install/update screens in line with the new admin design. This affects:
* Creating a wp-config.php file
* Installation
* Database upgrade
* Database repair
* Readme.html
* Network sites actions

What's changed:

* Bring background/text/link/border colours in line with mp6
* Bring fonts in line with mp6 (see note below)
* Switch to device-width for the viewport and tweak margins etc so the layout works nicely on all device sizes
* Switch to the new vector WordPress logo in the header to match the log in screen
* Force table cells into rows in the <782px media query

Fixes #25951, props johnbillion.



git-svn-id: https://develop.svn.wordpress.org/trunk@26298 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-21 00:20:13 +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
Dion Hulse
d94a3690e5 Themes page: Remove a z-index which caused the Current Theme overlay to overlay menu's, that otherwise appears unused. See #25948
git-svn-id: https://develop.svn.wordpress.org/trunk@26280 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-20 02:29:28 +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
Andrew Nacin
e52857484a Stop using .rtl classes, instead relying on flipping LTR CSS to RTL.
props yoavf.
fixes #24977.


git-svn-id: https://develop.svn.wordpress.org/trunk@26243 602fd350-edb4-49c9-b593-d223f7449a82
2013-11-17 16:17:05 +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