1 | @import "../../themes/ionic.globals";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | $alert-min-width: 250px !default;
|
8 |
|
9 |
|
10 | $alert-max-height: 90% !default;
|
11 |
|
12 |
|
13 | $alert-button-line-height: 20px !default;
|
14 |
|
15 |
|
16 | $alert-button-font-size: 14px !default;
|
17 |
|
18 |
|
19 | $alert-input-placeholder-color: #999 !default;
|
20 |
|
21 |
|
22 | ion-alert {
|
23 | @include position(0, 0, 0, 0);
|
24 |
|
25 | position: absolute;
|
26 |
|
27 | z-index: $z-index-overlay;
|
28 |
|
29 | display: flex;
|
30 |
|
31 | align-items: center;
|
32 | justify-content: center;
|
33 |
|
34 | contain: strict;
|
35 | }
|
36 |
|
37 | ion-alert.alert-top {
|
38 | @include padding(50px, null, null, null);
|
39 |
|
40 | align-items: flex-start;
|
41 | }
|
42 |
|
43 | ion-alert input {
|
44 | width: 100%;
|
45 | }
|
46 |
|
47 | .alert-wrapper {
|
48 | z-index: $z-index-overlay-wrapper;
|
49 | display: flex;
|
50 |
|
51 | flex-direction: column;
|
52 |
|
53 | min-width: $alert-min-width;
|
54 | max-height: $alert-max-height;
|
55 |
|
56 | opacity: 0;
|
57 |
|
58 | contain: content;
|
59 | }
|
60 |
|
61 | .alert-title {
|
62 | @include margin(0);
|
63 | @include padding(0);
|
64 | }
|
65 |
|
66 | .alert-sub-title {
|
67 | @include margin(5px, 0, 0);
|
68 | @include padding(0);
|
69 |
|
70 | font-weight: normal;
|
71 | }
|
72 |
|
73 | .alert-message {
|
74 | overflow-y: scroll;
|
75 |
|
76 | -webkit-overflow-scrolling: touch;
|
77 | }
|
78 |
|
79 | .alert-input {
|
80 | @include placeholder($alert-input-placeholder-color);
|
81 | @include padding(10px, 0);
|
82 |
|
83 | border: 0;
|
84 | background: inherit;
|
85 | }
|
86 |
|
87 | .alert-button-group {
|
88 | display: flex;
|
89 |
|
90 | flex-direction: row;
|
91 | }
|
92 |
|
93 | .alert-button-group-vertical {
|
94 | flex-direction: column;
|
95 | flex-wrap: nowrap;
|
96 | }
|
97 |
|
98 | .alert-button {
|
99 | @include margin(0);
|
100 |
|
101 | z-index: 0;
|
102 | display: block;
|
103 |
|
104 | font-size: $alert-button-font-size;
|
105 | line-height: $alert-button-line-height;
|
106 | }
|
107 |
|
108 | .alert-tappable {
|
109 | @include text-align(start);
|
110 | @include appearance(none);
|
111 | @include margin(0);
|
112 | @include padding(0);
|
113 |
|
114 | width: 100%;
|
115 |
|
116 | font-size: inherit;
|
117 | line-height: initial;
|
118 | background: transparent;
|
119 | }
|