@meveo-org/mv-dialog
Advanced tools
Comparing version
@@ -40,3 +40,6 @@ import { LitElement, html, css } from "lit"; | ||
--header-height: var(--mv-dialog-header-height, 70px); | ||
--header-box-shadow: var(--mv-dialog-header-box-shadow, 0 0 30px 0 rgba(0, 0, 0, 0.5)) | ||
--dialog-box-shadow: var(--mv-dialog-box-shadow, 0 0 30px 0 rgba(0, 0, 0, 0.5)); | ||
--footer-box-shadow: var(--mv-dialog-footer-box-shadow, 0 5px 10px 0 rgba(7, 17, 26, 0.2)); | ||
--header-box-shadow: var(--mv-dialog-header-box-shadow, 0 5px 10px 0 rgba(7, 17, 26, 0.2)); | ||
--fa-right-position: var(--mv-dialog-fa-right-position, 30px); | ||
--width: var(--mv-dialog-width, 756px); | ||
@@ -81,3 +84,3 @@ --dialog-body-height: var( | ||
position: fixed; | ||
box-shadow: var(--header-box-shadow); | ||
box-shadow: var(--dialog-box-shadow); | ||
border-radius: var(--border-radius); | ||
@@ -111,3 +114,3 @@ font-family: var(--mv-dialog-font-family); | ||
position: absolute; | ||
right: 30px; | ||
right: var(--fa-right-position); | ||
top: 50%; | ||
@@ -121,3 +124,3 @@ transform: translateY(-50%); | ||
height: var(--header-height); | ||
box-shadow: 0 5px 10px 0 rgba(7, 17, 26, 0.2); | ||
box-shadow: var(--header-box-shadow); | ||
border-radius: var(--border-radius) var(--border-radius) 0 0; | ||
@@ -144,3 +147,3 @@ position: relative; | ||
height: var(--footer-height); | ||
box-shadow: 0 5px 10px 0 rgba(7, 17, 26, 0.2); | ||
box-shadow: var(--footer-box-shadow); | ||
border-radius: 0 0 var(--border-radius) var(--border-radius); | ||
@@ -147,0 +150,0 @@ border-top: 1px solid rgba(0, 0, 0, 0.12); |
{ | ||
"name": "@meveo-org/mv-dialog", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "MvDialog is a Meveo dialog component (based on lit-element) that provides popup dialogs.", | ||
@@ -5,0 +5,0 @@ "main": "mv-dialog.js", |
19200
1.41%428
0.71%