Create modal component; Change the fieldset class to remove window. Other little changes...
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
.tui-window-fieldset {
|
||||
.tui-fieldset {
|
||||
border: 6px white double;
|
||||
padding: 12px;
|
||||
background-color: inherit;
|
||||
@@ -56,6 +56,20 @@
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
.tui-fieldset-statusbar-top {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 16px;
|
||||
color: white;
|
||||
background-color: inherit;
|
||||
z-index: 2;
|
||||
padding: 2px;
|
||||
|
||||
&.right {
|
||||
left: initial;
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
.tui-fieldset-button::before {
|
||||
content: "[";
|
||||
}
|
||||
|
||||
23
src/components/modal.scss
Normal file
23
src/components/modal.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
.tui-modal {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
top: 100px;
|
||||
z-index: 101;
|
||||
display: none;
|
||||
&.active {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
.tui-overlap {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
&.active {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@@ -6,8 +6,6 @@
|
||||
padding: 0px 2px;
|
||||
z-index: 9;
|
||||
display: block;
|
||||
}
|
||||
.tui-nav-fixed {
|
||||
position: fixed;
|
||||
}
|
||||
.tui-nav ul li {
|
||||
|
||||
Reference in New Issue
Block a user