Commit Graph

81 Commits

Author SHA1 Message Date
Dominik Schilling 5ec278f585 Toolbar: Remove a duplicate CSS selector.
props deconf.
fixes #32634.
Built from https://develop.svn.wordpress.org/trunk@32750


git-svn-id: http://core.svn.wordpress.org/trunk@32721 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-13 14:54:25 +00:00
Helen Hou-Sandí 2636199e54 Toolbar: Search item consistency for focus state and IE8.
props afercia.
fixes #31322.

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


git-svn-id: http://core.svn.wordpress.org/trunk@32053 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-08 16:08:28 +00:00
Helen Hou-Sandí bfda508c18 Update more instances of default admin blues and grays.
props hugobaeta.
fixes #31234.

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


git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 21:20:27 +00:00
Helen Hou-Sandí 0d870b2d4e Toolbar: Protect against Firefox font rendering interference by themes.
props cbaldelomar.
fixes #30021.

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


git-svn-id: http://core.svn.wordpress.org/trunk@31806 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-18 22:04:27 +00:00
Helen Hou-Sandí bcda24004a Update the default admin color scheme for more unity and refinement.
This removes the red channel from blues and cools the grays a bit for a more cohesive and purposeful color scheme.

props hugobaeta.
fixes #31234.

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


git-svn-id: http://core.svn.wordpress.org/trunk@31403 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-11 22:18:26 +00:00
Andrew Ozz 1e9f5755aa Admin toolbar: remove unneeded overrides of `z-index` and `left` on screens narrower than 782px. Props avryl, babbardel. Fixes #29867.
Built from https://develop.svn.wordpress.org/trunk@30764


git-svn-id: http://core.svn.wordpress.org/trunk@30754 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-07 03:01:24 +00:00
Dominik Schilling c2d9591122 Toolbar: Make Customize support classes work on narrow viewports too.
fixes #30571.
Built from https://develop.svn.wordpress.org/trunk@30713


git-svn-id: http://core.svn.wordpress.org/trunk@30703 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 22:01:26 +00:00
John Blackbourn a5fa87325b Don't fix the position of the admin toolbar submenus when the viewport is below 600px. This avoids them becoming detached from the admin toolbar when scrolling.
Fixes #29905
Props avryl

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


git-svn-id: http://core.svn.wordpress.org/trunk@30696 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 06:49:22 +00:00
Helen Hou-Sandí 06201646c3 Use a brighter blue against dark backgrounds in the admin menu and toolbar.
Not only does this pass contrast guidelines, but it also visually appears closer to the original highlight blue used against light backgrounds.

props melchoyce. fixes #30323.

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


git-svn-id: http://core.svn.wordpress.org/trunk@30312 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-12 20:28:22 +00:00
Helen Hou-Sandí 2f399f18b7 Remove a toolbar CSS hack for a Chrome bug that no longer appears to exist. props avryl. fixes #28606. see #18868.
Built from https://develop.svn.wordpress.org/trunk@28981


git-svn-id: http://core.svn.wordpress.org/trunk@28770 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-03 20:20:15 +00:00
Helen Hou-Sandí 3f1deae10b Don't use the box shadow focus styling for the admin menu or toolbar. see #28267.
Built from https://develop.svn.wordpress.org/trunk@28616


git-svn-id: http://core.svn.wordpress.org/trunk@28440 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-05-29 14:23:15 +00:00
Sergey Biryukov e269d48b99 Display Dashboard icon instead of the home icon in toolbar when the link leads to Dashboard.
props ghost1227.
fixes #26754.
Built from https://develop.svn.wordpress.org/trunk@28599


git-svn-id: http://core.svn.wordpress.org/trunk@28424 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-05-28 13:42:14 +00:00
Andrew Nacin 11c3695c77 Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes.
We'll be using it for two distinct tasks:
 * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build.
 * Color CSS files will receive prefixes when they are built.

This commit:
 * Adds prefixes we were missing to core CSS.
 * Removes prefixes that we no longer need from core CSS.
 * Removes all prefixes from colors CSS.

props ocean90.
fixes #27078.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 08:30:17 +00:00
Matt Thomas 7d002a5e84 Responsive improvements to submenus in the adminbar:
- Remove .ab-sub-wrapper rules in the 782px media query, as they're duplicates of the rules set on line 161.
- Reposition the arrows for submenus at responsive sizes where the menus are taller.
- Set the submenu position to static at smartphone sizes, so it's not positioned outside of its parent (and thus offscreen).

Fixes #26720, props undergroundnetwork, iammattthomas.



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


git-svn-id: http://core.svn.wordpress.org/trunk@26883 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-22 18:38:24 +00:00
Dominik Schilling dea41019ef Dashicons: Update to the latest dashicons files.
props empireoflight, melchoyce.
see #26518 for trunk.
Built from https://develop.svn.wordpress.org/trunk@26925


git-svn-id: http://core.svn.wordpress.org/trunk@26806 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-08 22:26:10 +00:00
Andrew Nacin ee5fec7c6c Adjust widths of toolbar items at mobile sizes for better fitting on narrow screens. Fixes toolbar wrapping when using multisite.
props iammattthomas.
see #26537 for trunk.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26801 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-08 21:24:12 +00:00
Andrew Ozz 448a401f77 Make older mobile browsers and IE7 usable:
- Text labels in the toolbar.
- Image icons in the visual editor.
- Some IE7 structural css fixes.
Fixes #26369.
Built from https://develop.svn.wordpress.org/trunk@26819


git-svn-id: http://core.svn.wordpress.org/trunk@26706 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-09 02:41:10 +00:00
Andrew Nacin 1154c059ef RTL font-family overrides. (Tahoma generally, and Arial for Hebrew.)
props yoavf.
fixes #24977.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26703 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-09 01:31:11 +00:00
Matt Thomas 4d48df2d58 Change the site menu icon from a globe to home, which is a better metaphor for what it does. Fixes #25971.
Built from https://develop.svn.wordpress.org/trunk@26812


git-svn-id: http://core.svn.wordpress.org/trunk@26699 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-09 00:41:09 +00:00
Matt Thomas 01b1a66317 Make the padding added for top-level toolbar items in r26675 more specific and reinstate the previous 10px padding for links within dropdown menus. Fixes #26484.
Built from https://develop.svn.wordpress.org/trunk@26808


git-svn-id: http://core.svn.wordpress.org/trunk@26695 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-08 20:44:10 +00:00
Andrew Ozz f7c176ca46 Toolbar:
- Fix submenus in responsive mode (were ignoring the .hover class on a parent).
- Improve top level items hiding.
Fixes #26476.
Built from https://develop.svn.wordpress.org/trunk@26803


git-svn-id: http://core.svn.wordpress.org/trunk@26690 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-08 17:15:11 +00:00
Matt Thomas 4d1b5e1c32 Comment out these touch-related styles as they break toolbar dropdowns in Chrome for Android. Fixes #25972.
Built from https://develop.svn.wordpress.org/trunk@26770


git-svn-id: http://core.svn.wordpress.org/trunk@26658 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-07 04:59:13 +00:00
Matt Thomas 03ab0cc95f Provide a default generic avatar icon in the My Account menu if avatars are disabled, ensuring that the link is visible at responsive sizes. See #25858.
Built from https://develop.svn.wordpress.org/trunk@26744


git-svn-id: http://core.svn.wordpress.org/trunk@26633 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 21:23:10 +00:00
Matt Thomas c74da427f4 Add new fit-content rules to accompany intrinsic width on adminbar dropdown wrappers. Fixes #26430, props Jayjdk.
Built from https://develop.svn.wordpress.org/trunk@26735


git-svn-id: http://core.svn.wordpress.org/trunk@26624 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 19:16:10 +00:00
Matt Thomas c31444d1be Make toolbar dropdown submenu links tappable. See #25972, props ninnypants.
Built from https://develop.svn.wordpress.org/trunk@26716


git-svn-id: http://core.svn.wordpress.org/trunk@26605 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 05:28:11 +00:00
Matt Thomas 4352cd7a12 At responsive sizes, remove the hard-coded fixed positioning for Comments and Add New in the toolbar. Make links slightly wider to better fill small-screen devices. Fixes #26432.
Built from https://develop.svn.wordpress.org/trunk@26710


git-svn-id: http://core.svn.wordpress.org/trunk@26599 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 01:02:12 +00:00
Matt Thomas 6202106205 Un-hide dropdown submenus at responsive sizes, make submenus within dropdowns appear as inline lists at mobile device sizes. See #25972.
Built from https://develop.svn.wordpress.org/trunk@26687


git-svn-id: http://core.svn.wordpress.org/trunk@26577 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-05 19:58:10 +00:00
Matt Thomas 8a2e7789f0 Allow dropdown lists to appear in responsive states; reset the minimum width of dropdowns at responsive sizes. See #26430.
Built from https://develop.svn.wordpress.org/trunk@26680


git-svn-id: http://core.svn.wordpress.org/trunk@26570 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-05 18:38:12 +00:00
Matt Thomas b711d6b347 By default, hide all adminbar links at responsive sizes and selectively un-hide just the essential core items. Fixes #26430.
Built from https://develop.svn.wordpress.org/trunk@26678


git-svn-id: http://core.svn.wordpress.org/trunk@26568 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-05 18:28:11 +00:00
Matt Thomas 48f6631c4e Line up ALL the things:
* Make folded adminmenu icons line up with the W icon in the toolbar
* Make the W link in the toolbar the same width as the folded adminmenu
* Reduce padding on toolbar links to match reduced padding between W and Globe icons
* Reduce right-side padding on toolbar links to account for 1px of extra padding around icons on the left

See #25858.


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


git-svn-id: http://core.svn.wordpress.org/trunk@26565 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-05 18:03:10 +00:00
Matt Thomas 2bac800656 Correct the alignment of the W logo within its container. See #25858.
Built from https://develop.svn.wordpress.org/trunk@26670


git-svn-id: http://core.svn.wordpress.org/trunk@26560 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-05 17:37:10 +00:00
Andrew Nacin 10f58cded3 Restore min-width for toolbar menus. This allows the menus to expand to the width of the element above them.
props nvwd.
fixes #26389.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26502 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-04 17:00:10 +00:00
Matt Thomas 82540b9648 Add .ab-empty-item to the responsive adminbar sizing adjustments. Ensure that hidden text in responsive adminbar stays properly hidden in Firefox. See #26299.
Built from https://develop.svn.wordpress.org/trunk@26595


git-svn-id: http://core.svn.wordpress.org/trunk@26485 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-03 21:53:10 +00:00
Matt Thomas d64d9058c1 Changes to the mobile adminbar:
- Unhide the Edit link
- Hide the W menu link
- Hide the Updates link

This ensures that Network (when available), Site, Edit, Comments, New, and Account are always visible. Fixes #26071.


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


git-svn-id: http://core.svn.wordpress.org/trunk@26466 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-03 18:38:10 +00:00
Matt Thomas 32f55716df Give the adminbar Edit Post link an icon, and make it visible on small screen responsive states. See #26071.
Built from https://develop.svn.wordpress.org/trunk@26559


git-svn-id: http://core.svn.wordpress.org/trunk@26450 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-03 17:25:10 +00:00
Helen Hou-Sandí 375bcb5f91 Make sure toolbar reset includes text-shadow: none. props kwight. fixes #25260.
Built from https://develop.svn.wordpress.org/trunk@26451


git-svn-id: http://core.svn.wordpress.org/trunk@26349 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-28 02:58:09 +00:00
Matt Thomas 15d2a57c44 Ensure that arrows in dropdowns are the default text color if you haven't hovered. Fixes #26293, props ipstenu.
Built from https://develop.svn.wordpress.org/trunk@26445


git-svn-id: http://core.svn.wordpress.org/trunk@26343 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-27 23:12:09 +00:00
Matt Thomas 268c0dd8d8 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.


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


git-svn-id: http://core.svn.wordpress.org/trunk@26307 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 17:18:11 +00:00
Andrew Ozz b8984636c2 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.
Built from https://develop.svn.wordpress.org/trunk@26402


git-svn-id: http://core.svn.wordpress.org/trunk@26302 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 08:57:10 +00:00
Matt Thomas 435c690d8f Allow #wpwrap to scroll horizontally if needed, and hide overflow only on specific elements that need it. See #26169.
Built from https://develop.svn.wordpress.org/trunk@26382


git-svn-id: http://core.svn.wordpress.org/trunk@26282 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 02:42:10 +00:00
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
Andrew Nacin f2538ab7bd Fix alignment of the WordPress icon in the My Sites toolbar menu.
props jeremyfelt.
fixes #26154.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26249 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-24 12:09:11 +00:00
Sergey Biryukov 670cfd9a99 Restore "Skip to toolbar" link color. fixes #26146.
Built from https://develop.svn.wordpress.org/trunk@26319


git-svn-id: http://core.svn.wordpress.org/trunk@26222 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 05:41:10 +00:00
Matt Thomas 35557b1393 Fixing some inconsistent behavior on toolbar icons:
- Use .ab-icon:before, .ab-item:before, and #adminbarsearch:before to select all toolbar icons.
- Rewrite the selector for toolbar icon hover styles so they're not overridden by default colors.
- Add #adminbarsearch:before to color schemes, so its icon color is changed with the others.
- Remove duplicate color rule on #adminbarsearch:before.

See #25858.


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


git-svn-id: http://core.svn.wordpress.org/trunk@26093 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 00:09: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 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
Matt Thomas 1d5910aec1 Reinstating this fix for the issue described in #18868, wherein some versions of Chrome open the About/"W" dropdown menu inadvertantly, like when clicking a select element. Fix was removed in the initial MP6 commit r26072, this brings it back. See #25858; props azaozz.
Built from https://develop.svn.wordpress.org/trunk@26132


git-svn-id: http://core.svn.wordpress.org/trunk@26044 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-13 15:36:09 +00:00
Andrew Nacin 1e30be32c4 Use CSSJanus via a Grunt task to generate right-to-left CSS.
RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file.

Benefits:
 * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser.
 * For the core developer: Let the tools do the work.

Notes for core development:
 * The file generation task is `grunt rtl`.
 * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved.
 * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display.

Expect RTL bugs. Please report them.

props yoavf.
see #24977.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 21:19:15 +00:00
Helen Hou-Sandí 69d432410a Say hello to a fresh new look for the WordPress admin.
Still to come: more color schemes, a responsive component, and more.

see #25858.
props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen.

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


git-svn-id: http://core.svn.wordpress.org/trunk@25992 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-10 00:27:10 +00:00