js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix placement styles

Browse Source
This commit is contained in:
Cory LaViska
2022-08-09 15:27:08 -04:00
parent cf2915a591
commit b9fcd09209
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/tooltip/tooltip.styles.ts
View File

@@ -17,6 +17,22 @@ export default css`
--arrow-color: var(--sl-tooltip-background-color);
}
.tooltip[placement^='top']::part(popup) {
transform-origin: bottom;
}
.tooltip[placement^='bottom']::part(popup) {
transform-origin: top;
}
.tooltip[placement^='left']::part(popup) {
transform-origin: right;
}
.tooltip[placement^='right']::part(popup) {
transform-origin: left;
}
.tooltip__body {
max-width: var(--max-width);
border-radius: var(--sl-tooltip-border-radius);
@@ -30,20 +46,4 @@ export default css`
pointer-events: none;
z-index: var(--sl-z-index-tooltip);
}
:host([placement^='top']) .tooltip-popup::part(popup) {
transform-origin: bottom;
}
:host([placement^='bottom']) .tooltip-popup::part(popup) {
transform-origin: top;
}
:host([placement^='left']) .tooltip-popup::part(popup) {
transform-origin: right;
}
:host([placement^='right']) .tooltip-popup::part(popup) {
transform-origin: left;
}
`;