Skip to content

Commit 469b513

Browse files
committed
feat: make Tooltip support RTL
* does not flip left/right for RTL, they are physical directions
1 parent 7892820 commit 469b513

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

components/tooltip/index.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -134,18 +134,18 @@ governing permissions and limitations under the License.
134134
}
135135

136136
.spectrum-Tooltip-typeIcon {
137-
margin-left: calc(var(--spectrum-tooltip-icon-margin-x) - var(--spectrum-tooltip-padding-x));
138-
margin-right: var(--spectrum-tooltip-icon-margin-x);
137+
margin-inline-start: calc(var(--spectrum-tooltip-icon-margin-x) - var(--spectrum-tooltip-padding-x));
138+
margin-inline-end: var(--spectrum-tooltip-icon-margin-x);
139139
width: var(--spectrum-tooltip-icon-size);
140140
height: var(--spectrum-tooltip-icon-size);
141141
align-self: flex-start;
142142

143143
/* Adjusts for weird misalignment */
144-
margin-top: 1px;
144+
margin-block-start: 1px;
145145
}
146146

147147
.spectrum-Tooltip-label {
148-
max-width: var(--spectrum-tooltip-content-max-width);
148+
max-inline-size: var(--spectrum-tooltip-content-max-width);
149149

150150
/* Make sure line height is correct to prevent problems in Windows */
151151
line-height: var(--spectrum-tooltip-text-line-height);

0 commit comments

Comments
 (0)