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
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
Sergey Biryukov
fc8960a7fa
Reset transition property in toolbar CSS to avoid conflicts with themes. props kwight. fixes #24031 .
...
git-svn-id: http://core.svn.wordpress.org/trunk@23951 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-04-10 16:18:15 +00:00
Ryan Boren
d4abd95449
Scope button classes so they can be used on the frontend without interfering with theme styles.
...
Props helenyhou, koopersmith
fixes #22644
git-svn-id: http://core.svn.wordpress.org/trunk@22948 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-30 13:40:59 +00:00
Ryan Boren
07dd314521
Remove focus outline from admin bar elements.
...
Props azaozz, lessbloat, dllh
fixes #22643
git-svn-id: http://core.svn.wordpress.org/trunk@22941 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-30 02:29:36 +00:00
Andrew Ozz
769e1236af
Skip To links: visually hide by only setting top: -1000em; (this should make them work well in all screen readers), fixes #21312
...
git-svn-id: http://core.svn.wordpress.org/trunk@22730 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-20 21:14:49 +00:00
Andrew Nacin
0656bbd3ab
Use standard link colors with the skip links. see #21310 .
...
git-svn-id: http://core.svn.wordpress.org/trunk@22727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-20 20:25:54 +00:00
Andrew Ozz
32ef39f0f6
Skip links: simplified look with more contrast, props sabreuse, fixes #21310
...
git-svn-id: http://core.svn.wordpress.org/trunk@22726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-20 19:58:47 +00:00
Ryan Boren
06ee370814
Pinking shears
...
git-svn-id: http://core.svn.wordpress.org/trunk@22634 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-17 15:11:29 +00:00
Andrew Nacin
7183a9cce9
Introduce a new, cross-browser HiDPI CSS @media rule to be used everywhere.
...
{{{
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}}}
Serve HiDPI graphics for printing, regardless of screen resolution.
Specify Opera's vendor-prefixed device pixel ratio property, for Opera desktop.
Specify a minimum Webkit device pixel ratio of 1.25 instead of 1.5, to serve
2x images to Android devices that are between 1 and 1.5x (like the Nexus 7).
Firefox and Opera will respond to 1.5x on these devices, but Chrome will not.
Specify min-resolution, which covers Firefox 19. Opera on Android also supports
min-resolution, but Opera Mini does not support dppx, so the dpi unit is used.
props iammattthomas for the exhaustive research.
props lessbloat for patching.
fixes #22238 .
git-svn-id: http://core.svn.wordpress.org/trunk@22629 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-17 06:50:08 +00:00
Andrew Nacin
56c1b7c7ff
Final HiDPI tweaks. Don't use rss-2x.png on a front-end widget. Improve selectors for favicons in the toolbar to avoid breaking existing images. Remove unnecessary RTL styles. FIXES #21019 .
...
git-svn-id: http://core.svn.wordpress.org/trunk@22481 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-09 02:06:59 +00:00