Commit Graph

134 Commits

Author SHA1 Message Date
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
Andrew Nacin
2710bcade1 Switch to .min for compressed JS and CSS files.
* This moves our "development" versions from .dev.js to .js (same for css).
 * The compressed version then moves from .js to .min.js (same for css).

By switching to the standard .min convention, it sets expectations for developers,
and works nicely with existing tools such as ack.

fixes #21633.



git-svn-id: http://core.svn.wordpress.org/trunk@21592 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-23 00:04:18 +00:00
bumpbot
cbacfc849c Compress scripts/styles: 3.5-alpha-21460.
git-svn-id: http://core.svn.wordpress.org/trunk@21460 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-06 18:58:29 +00:00
bumpbot
f8ce3f7163 Compress scripts/styles: 3.5-alpha-21453.
git-svn-id: http://core.svn.wordpress.org/trunk@21453 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-06 00:58:32 +00:00
bumpbot
fc62ad5e57 Compress scripts/styles: 3.5-alpha-21443.
git-svn-id: http://core.svn.wordpress.org/trunk@21443 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-05 22:58:29 +00:00
bumpbot
bb04145462 Compress scripts/styles: 3.5-alpha-21429.
git-svn-id: http://core.svn.wordpress.org/trunk@21429 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-05 20:58:19 +00:00