lupine.components 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -105,7 +105,7 @@ export class FloatWindow {
|
|
|
105
105
|
maxWidth: '90%',
|
|
106
106
|
boxShadow: 'var(--cover-box-shadow)', //'#0000004c 0px 19px 38px, #00000038 0px 15px 12px',
|
|
107
107
|
opacity: 0,
|
|
108
|
-
zIndex: 'var(--layer-float-window)',
|
|
108
|
+
// zIndex: 'var(--layer-float-window)',
|
|
109
109
|
'&.transition': {
|
|
110
110
|
transition: 'all 0.3s',
|
|
111
111
|
},
|
|
@@ -177,6 +177,7 @@ export class FloatWindow {
|
|
|
177
177
|
</div>
|
|
178
178
|
);
|
|
179
179
|
base.style.position = 'fixed';
|
|
180
|
+
base.style.zIndex = 'var(--layer-float-window)';
|
|
180
181
|
document.body.appendChild(base);
|
|
181
182
|
await mountComponents(base, component);
|
|
182
183
|
return handleClose;
|
|
@@ -2,18 +2,21 @@ import { ThemeProps } from "lupine.web";
|
|
|
2
2
|
|
|
3
3
|
export const sharedThemes: ThemeProps = {
|
|
4
4
|
// z-index
|
|
5
|
-
'--layer-
|
|
6
|
-
'--layer-
|
|
7
|
-
'--layer-
|
|
8
|
-
'--layer-
|
|
9
|
-
'--layer-
|
|
10
|
-
'--layer-
|
|
11
|
-
'--layer-modal
|
|
12
|
-
'--layer-
|
|
13
|
-
'--layer-
|
|
14
|
-
'--layer-
|
|
15
|
-
'--layer-
|
|
16
|
-
'--layer-
|
|
5
|
+
'--layer-inside': '100', // for inside orders
|
|
6
|
+
'--layer-cover': '200',
|
|
7
|
+
'--layer-header-footer': '300',
|
|
8
|
+
'--layer-sidebar': '400',
|
|
9
|
+
'--layer-sidebar-sub': '410',
|
|
10
|
+
'--layer-slider': '500', // screen slider
|
|
11
|
+
'--layer-modal': '600',
|
|
12
|
+
'--layer-modal-over': '610',
|
|
13
|
+
'--layer-float-window': '700',
|
|
14
|
+
'--layer-menu': '800', // popup menu
|
|
15
|
+
'--layer-menu-sub': '810',
|
|
16
|
+
'--layer-notice': '900', // notice, loading, toast
|
|
17
|
+
'--layer-tooltip': '2000',
|
|
18
|
+
'--layer-dragged-item': '2100',
|
|
19
|
+
'--layer-guide': '2500', // learning guide
|
|
17
20
|
|
|
18
21
|
'--font-size-base': '16px',
|
|
19
22
|
'--font-weight-base': '', //'400',
|