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
Andrew Ozz
1276bcefb5
More retina backgrounds and bits, props saracannon, empireoflight and lessbloat, see #21019
...
git-svn-id: http://core.svn.wordpress.org/trunk@22439 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-07 20:54:08 +00:00
Andrew Nacin
62156e8ad3
Reset box-sizing to toolbar CSS to avoid conflicts with themes. props betzster, fixes #21863 .
...
git-svn-id: http://core.svn.wordpress.org/trunk@22280 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-10-23 14:30:03 +00:00
Andrew Ozz
e8b10439bb
Accessibility shortcuts: new looks and fix for the WebKit focus bug, props lessbloat, fixes #21471
...
git-svn-id: http://core.svn.wordpress.org/trunk@22249 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-10-16 21:26:59 +00:00
Andrew Ozz
f44e60e0fa
Update the query strings to refresh the toolbar sprites, props ocean90, see #20033
...
git-svn-id: http://core.svn.wordpress.org/trunk@21677 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-30 21:46:37 +00:00