flicker-alerts 1.0.15 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +3 -1
- package/package.json +2 -2
- package/style.css +8 -8
package/index.js
CHANGED
|
@@ -8,10 +8,12 @@ const FlickerAlerts = {
|
|
|
8
8
|
// Cria o container se ele não existir
|
|
9
9
|
container = document.createElement('div');
|
|
10
10
|
container.id = 'alerts-container';
|
|
11
|
-
container.className = position; // Aplica a classe para posicionar com base na posição fornecida
|
|
12
11
|
document.body.appendChild(container); // Adiciona o container ao body
|
|
13
12
|
}
|
|
14
13
|
|
|
14
|
+
// Garantir que o container tenha a classe 'position' adequada
|
|
15
|
+
container.className = position; // Aplica a classe para posicionar com base na posição fornecida
|
|
16
|
+
|
|
15
17
|
// Criação do alerta
|
|
16
18
|
const alertBox = document.createElement('div');
|
|
17
19
|
alertBox.className = `alert-custom alert-${type}`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flicker-alerts",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"description": "Biblioteca para alertas animados",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -16,6 +16,6 @@
|
|
|
16
16
|
"author": "",
|
|
17
17
|
"license": "MIT",
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"flicker-alerts": "^1.0.
|
|
19
|
+
"flicker-alerts": "^1.0.16"
|
|
20
20
|
}
|
|
21
21
|
}
|
package/style.css
CHANGED
|
@@ -35,12 +35,6 @@
|
|
|
35
35
|
font-size: inherit; /* Ajusta o ícone ao tamanho da div */
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.bottom-center {
|
|
39
|
-
bottom: 1rem;
|
|
40
|
-
left: 50%;
|
|
41
|
-
transform: translateX(-50%);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
38
|
/* Estilo do conteúdo do alerta (título e mensagem) */
|
|
45
39
|
.alert-custom .content {
|
|
46
40
|
display: flex;
|
|
@@ -113,7 +107,7 @@
|
|
|
113
107
|
}
|
|
114
108
|
|
|
115
109
|
/* Classes para o container de alertas */
|
|
116
|
-
.top-right, .top-left, .bottom-right, .bottom-left, .center, .top-center {
|
|
110
|
+
.top-right, .top-left, .bottom-right, .bottom-left, .center, .top-center, .bottom-center {
|
|
117
111
|
position: fixed;
|
|
118
112
|
display: flex;
|
|
119
113
|
flex-direction: column;
|
|
@@ -148,13 +142,19 @@
|
|
|
148
142
|
transform: translate(-50%, -50%);
|
|
149
143
|
}
|
|
150
144
|
|
|
151
|
-
/* Novo estilo para o top-center */
|
|
152
145
|
.top-center {
|
|
153
146
|
top: 1rem;
|
|
154
147
|
left: 50%;
|
|
155
148
|
transform: translateX(-50%);
|
|
156
149
|
}
|
|
157
150
|
|
|
151
|
+
/* Novo estilo para o bottom-center */
|
|
152
|
+
.bottom-center {
|
|
153
|
+
bottom: 1rem;
|
|
154
|
+
left: 50%;
|
|
155
|
+
transform: translateX(-50%);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
158
|
/* Barra de progresso */
|
|
159
159
|
.progress-bar {
|
|
160
160
|
position: absolute;
|