vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-10-04 06:37:06 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Revisions: Re-work how tick marks and tooltips are aligned. IE fixes.

Browse Source 
* Pixel-based alignment of tooltips.
* Bottom-based alignment, so arrow lines up using CSS only.
* Better RTL styles (mostly mirror-imaged).
* Better RTL calculations in `revisions.js` (less logic).
* Better IE support.

See #24736. Props markjaquith, adamsilverstein, ocean90.

git-svn-id: https://develop.svn.wordpress.org/trunk@24751 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Mark Jaquith
2013-07-19 13:49:15 +00:00
parent e216254c06
commit a8611d2a13
7 changed files with 190 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wp-admin/css/wp-admin-rtl.css
+19 -6
View File
@@ -954,18 +954,18 @@ th.sorted a span {
/*------------------------------------------------------------------------------
11.2 - Post Revisions
------------------------------------------------------------------------------*/
.wp-slider .ui-slider-handle.left-handle:before,
.wp-slider .ui-slider-handle.right-handle:before {
.wp-slider .ui-slider-handle.from-handle:before,
.wp-slider .ui-slider-handle.to-handle:before {
height: 8px;
width: 7px;
}
.wp-slider .ui-slider-handle.left-handle:before {
.wp-slider .ui-slider-handle.from-handle:before {
background-position: -5px -10px;
left: 6px;
}
.wp-slider .ui-slider-handle.right-handle:before {
.wp-slider .ui-slider-handle.to-handle:before {
background-position: -4px -29px;
left: 6px;
}
@@ -1025,8 +1025,8 @@ th.sorted a span {
}
.revisions-tooltip {
margin-right: -73px;
margin-left: 0;
margin-right: -70px;
-webkit-transition: right 15ms;
-moz-transition: right 15ms;
-ms-transition: right 15ms;
@@ -1034,17 +1034,30 @@ th.sorted a span {
transition: right 15ms;
}
.ie8 .revisions-tooltip {
margin-right: -75px;
}
.revisions-tooltip-arrow {
right: 0;
margin-left: 0;
margin-right: 35px;
}
.revisions-tooltip-image {
.revisions-tooltip-arrow > span {
right: 20px;
}
.revisions-tooltip img {
float: right;
margin: 2px 0 0 5px;
}
.revisions-tickmarks > div {
float: right;
border-width: 0 0 0 1px;
}
/*------------------------------------------------------------------------------
11.3 - Featured Images
------------------------------------------------------------------------------*/