forked from aws-samples/aws-lex-web-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
lex-web-ui-loader.css
104 lines (90 loc) · 2.61 KB
/
lex-web-ui-loader.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/*!***************************************************************************************!*\
!*** css ../../../node_modules/css-loader/dist/cjs.js!../css/lex-web-ui-fullpage.css ***!
\***************************************************************************************/
#lex-web-ui-fullpage {
height: 100%;
width: 100%;
}
/*!*************************************************************************************!*\
!*** css ../../../node_modules/css-loader/dist/cjs.js!../css/lex-web-ui-iframe.css ***!
\*************************************************************************************/
.lex-web-ui-iframe {
bottom: 1.5rem;
display: none; /* hidden by default changed once iframe is loaded */
margin-bottom: 0px;
margin-left: 2px;
margin-right: 3vw;
margin-top: 2px;
max-width: 66vw;
height: 80vh; /* dynamically changed on iframe maximize/minimize */
min-width: calc(50vw - 3vw); /* half viewport width minus margin right */
position: fixed;
right: 0;
z-index: 2147483637; /* max z-index (2147483647) - 10 */
}
.lex-web-ui-iframe iframe {
box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.4);
border-radius: 10px;
}
.lex-web-ui-iframe--show {
display: flex;
}
.lex-web-ui-iframe--minimize {
max-width: 190px !important;
max-height: 85px !important;
border-radius: 85px !important;
min-width: 190px !important;
}
/* disable box shadow when minimized */
.lex-web-ui-iframe.lex-web-ui-iframe--minimize iframe {
box-shadow: none;
border-radius: none;
}
/* hide on very small resolutions */
@media only screen and (max-width: 240px),
only screen and (max-height: 256px)
{
.lex-web-ui-iframe {
display: none!important;
}
.lex-web-ui-iframe--minimize {
max-width: 300px !important;
max-height: 85px !important;
}
}
/* take most space on small resolutions (smart phones) */
@media only screen
and (min-width: 241px)
and (max-width: 480px) {
.lex-web-ui-iframe {
min-width: 96vw;
height: 84vh;
margin-right: 2vw;
align-self: center;
}
.lex-web-ui-iframe--minimize {
max-width: 190px !important;
max-height: 85px !important;
border-radius: 85px !important;
}
}
/* adjust down on medium resolutions */
@media only screen
and (min-width: 481px)
and (max-width: 960px) {
.lex-web-ui-iframe {
min-width: 90vw;
}
.lex-web-ui-iframe.lex-web-ui-iframe--show.lex-web-ui-iframe--minimize {
max-width: 300px !important;
max-height: 85px !important;
border-radius: 85px !important;
min-width: 85px !important;
}
}
.lex-web-ui-iframe iframe {
overflow: hidden;
width: 100%;
height: 100%;
}
/*# sourceMappingURL=lex-web-ui-loader.css.map*/