From be7a5b415efb9c1a72abada2f3b7a8afce802b5a Mon Sep 17 00:00:00 2001 From: Kham Udom Date: Mon, 25 Jan 2021 08:19:44 -0800 Subject: [PATCH] update anchor region example --- .../fixtures/anchored-region.html | 503 +++++++++++++++++- .../src/tooltip/tooltip.styles.ts | 2 +- 2 files changed, 492 insertions(+), 13 deletions(-) diff --git a/packages/web-components/src/anchored-region/fixtures/anchored-region.html b/packages/web-components/src/anchored-region/fixtures/anchored-region.html index 50b7b27db337b7..343b360c2abb07 100644 --- a/packages/web-components/src/anchored-region/fixtures/anchored-region.html +++ b/packages/web-components/src/anchored-region/fixtures/anchored-region.html @@ -1,14 +1,493 @@ - -

Tooltip

- -

Default

-
- - Helpful text is helpful - - - - anchor - + + +
+ outside +
+ + +
+

Anchored region

+ + +
+ inside +
+ +
+ +
+

Dynamic - default

+
+
+ + +
+ +
+
+ +

Lock to default

+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +

Scaling via update

+
+
+ + +
+ +
+
+ +

Scaling via offset

+
+
+ + +
+ +
+
+ +

Inset

+
+
+ + +
+ +
+
+ +

Thresholds

+
+
+ + +
+ +
+
+ +

Toggle anchor

+
+
+ + + +
+ +
+
+ +

Toggle positions and size

+
+
+ + + +
+ +
+ + + + +
+
+
+ +

RTL-dynamic

+
+
+ +
+ + +
+
+ +

Size to anchor

+
+
+ +
+ + +
+
+ +

RTL-fill

+
+
+ + +
+ +
+
+ +

Start & End

+
+
+ + +
+ + + +
+ +
+
+ +

RTL-Start & End

+
+
+ + +
+ + + +
+ +
+
+ +
+ outside & fixed +
+ diff --git a/packages/web-components/src/tooltip/tooltip.styles.ts b/packages/web-components/src/tooltip/tooltip.styles.ts index b158279e02487e..8e4c290fe34867 100644 --- a/packages/web-components/src/tooltip/tooltip.styles.ts +++ b/packages/web-components/src/tooltip/tooltip.styles.ts @@ -21,6 +21,7 @@ export const TooltipStyles = css` overflow: visible; height: 0; width: 0; + z-index: 10000; } .tooltip { @@ -36,7 +37,6 @@ export const TooltipStyles = css` font-size: var(--type-ramp-base-font-size); line-height: var(--type-ramp-base-line-height); white-space: nowrap; - z-index: 10000; } fluent-anchored-region {