Add @noflip to arrow directions like "southwest", as that is the same location regardless of language directionality. The arrow was displayed at the wrong side. Also removing text-align:left; for the tooltip as the text direction should be set in html if needed, and shouldn't be overridden by (flipped) css.

This commit is contained in:
Robin Pepermans 2012-02-03 02:18:49 +00:00
parent 13ba0295e2
commit 46aa0bdb43

View file

@ -11,7 +11,6 @@
border: solid 1px #a7d7f9;
color: black;
max-width: 15em;
text-align: left;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@ -30,36 +29,36 @@
width: 11px;
height: 6px;
}
.tipsy-n .tipsy-arrow {
/* @noflip */ .tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
}
.tipsy-nw .tipsy-arrow {
/* @noflip */ .tipsy-nw .tipsy-arrow {
top: 1px;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
/* @noflip */ .tipsy-ne .tipsy-arrow {
top: 1px;
right: 10px;
}
.tipsy-s .tipsy-arrow {
/* @noflip */ .tipsy-s .tipsy-arrow {
bottom: 0px;
left: 50%;
margin-left: -5px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
/* @noflip */ .tipsy-sw .tipsy-arrow {
bottom: 0px;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
/* @noflip */ .tipsy-se .tipsy-arrow {
bottom: 0px;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
/* @noflip */ .tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -5px;
right: 1px;
@ -67,7 +66,7 @@
height: 11px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
/* @noflip */ .tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -5px;
left: 0px;