|
1
|
.fs-modal {
|
|
2
|
position: fixed;
|
|
3
|
top: 0;
|
|
4
|
right: 0;
|
|
5
|
bottom: 0;
|
|
6
|
left: 0;
|
|
7
|
z-index: 1029;
|
|
8
|
overflow: auto;
|
|
9
|
background-color: white;
|
|
10
|
opacity: 0;
|
|
11
|
display: flex;
|
|
12
|
justify-content: center;
|
|
13
|
padding: 15px 15px;
|
|
14
|
transform: scale(0);
|
|
15
|
transition: transform linear .3s, opacity linear .3s;
|
|
16
|
}
|
|
17
|
|
|
18
|
.fs-modal .fs-modal-bg {
|
|
19
|
position: fixed;
|
|
20
|
top: 0;
|
|
21
|
right: 0;
|
|
22
|
bottom: 0;
|
|
23
|
left: 0;
|
|
24
|
}
|
|
25
|
|
|
26
|
.fs-modal .fs-modal-dialog {
|
|
27
|
background-color: white;
|
|
28
|
border-radius: 4px;
|
|
29
|
max-height: calc(100vh - 30px);
|
|
30
|
width: 1120px;
|
|
31
|
box-shadow: 0 3px 6px #0000001a;
|
|
32
|
height: fit-content;
|
|
33
|
position: relative;
|
|
34
|
}
|
|
35
|
|
|
36
|
.fs-modal .fs-modal-dialog > .header {
|
|
37
|
height: 39px;
|
|
38
|
padding: 30px 40px;
|
|
39
|
border-bottom: 1px solid rgba(var(--theme-secondary-color-rgb), 0.4);
|
|
40
|
}
|
|
41
|
|
|
42
|
.fs-modal .fs-modal-dialog > .content {
|
|
43
|
max-height: calc(100vh - 280px);
|
|
44
|
padding: 30px 40px;
|
|
45
|
overflow: auto;
|
|
46
|
}
|
|
47
|
|
|
48
|
.fs-modal .fs-modal-dialog > .content.hasFooter {
|
|
49
|
max-height: calc(100vh - 340px);
|
|
50
|
}
|
|
51
|
|
|
52
|
.fs-modal .fs-modal-dialog > .footer {
|
|
53
|
height: 39px;
|
|
54
|
padding: 30px 40px;
|
|
55
|
border-top: 1px solid rgba(26, 26, 26, 0.2);
|
|
56
|
}
|
|
57
|
|
|
58
|
.fs-modal .fs-modal-dialog > .close {
|
|
59
|
position: absolute;
|
|
60
|
opacity: 0.7;
|
|
61
|
top: 10px;
|
|
62
|
right: 10px;
|
|
63
|
z-index: 1;
|
|
64
|
}
|
|
65
|
|
|
66
|
@media only screen and (min-width: 640px) {
|
|
67
|
.fs-modal {
|
|
68
|
padding: 50px 30px;
|
|
69
|
}
|
|
70
|
|
|
71
|
.fs-modal .fs-modal-dialog {
|
|
72
|
max-height: calc(100vh - 100px);
|
|
73
|
}
|
|
74
|
}
|
|
75
|
|
|
76
|
@media only screen and (min-width: 960px) {
|
|
77
|
.fs-modal {
|
|
78
|
padding: 50px 40px;
|
|
79
|
}
|
|
80
|
}
|
|
81
|
|
|
82
|
html.fs-modal-open {
|
|
83
|
overflow: hidden !important;
|
|
84
|
}
|
|
85
|
|
|
86
|
html.fs-modal-open .fs-modal {
|
|
87
|
opacity: 1;
|
|
88
|
transform: scale(1);
|
|
89
|
}
|
|
90
|
|
|
91
|
.uk-modal.uk-open ~ .uk-tooltip {
|
|
92
|
z-index: 10001;
|
|
93
|
}
|
|
94
|
|
|
95
|
.fs-modal ~ .uk-tooltip {
|
|
96
|
z-index: 10000;
|
|
97
|
}
|