quasar-ui-sellmate-ui-kit 3.14.28 → 3.14.29
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/dist/index.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/STooltip.vue +10 -4
package/package.json
CHANGED
|
@@ -172,6 +172,8 @@
|
|
|
172
172
|
.s-tooltip {
|
|
173
173
|
padding: $tooltip-padding;
|
|
174
174
|
border-radius: $button-border-radius;
|
|
175
|
+
box-shadow: 2px 2px 8px 2px #00000033;
|
|
176
|
+
|
|
175
177
|
font: {
|
|
176
178
|
size: $default-font;
|
|
177
179
|
weight: $font-weight-md;
|
|
@@ -197,25 +199,29 @@
|
|
|
197
199
|
&.bottom {
|
|
198
200
|
border-left: 8px solid transparent;
|
|
199
201
|
border-right: 8px solid transparent;
|
|
200
|
-
border-bottom: 12px solid transparent;
|
|
202
|
+
border-bottom: 12px solid transparent;
|
|
203
|
+
filter: drop-shadow(0 -4px 2px rgba(0, 0, 0, 0.1));
|
|
201
204
|
}
|
|
202
205
|
// 툴팁이 위쪽에 있을 때 (아래쪽을 향하는 삼각형)
|
|
203
206
|
&.top {
|
|
204
207
|
border-left: 8px solid transparent;
|
|
205
208
|
border-right: 8px solid transparent;
|
|
206
|
-
border-top: 12px solid transparent;
|
|
209
|
+
border-top: 12px solid transparent;
|
|
210
|
+
filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1));
|
|
207
211
|
}
|
|
208
212
|
// 툴팁이 왼쪽에 있을 때 (오른쪽을 향하는 삼각형)
|
|
209
213
|
&.left {
|
|
210
214
|
border-top: 8px solid transparent;
|
|
211
215
|
border-bottom: 8px solid transparent;
|
|
212
|
-
border-left: 12px solid transparent;
|
|
216
|
+
border-left: 12px solid transparent;
|
|
217
|
+
filter: drop-shadow(4px 0 2px rgba(0, 0, 0, 0.1));
|
|
213
218
|
}
|
|
214
219
|
// 툴팁이 오른쪽에 있을 때 (왼쪽을 향하는 삼각형)
|
|
215
220
|
&.right {
|
|
216
221
|
border-top: 8px solid transparent;
|
|
217
222
|
border-bottom: 8px solid transparent;
|
|
218
|
-
border-right: 12px solid transparent;
|
|
223
|
+
border-right: 12px solid transparent;
|
|
224
|
+
filter: drop-shadow(-4px 0 2px rgba(0, 0, 0, 0.1));
|
|
219
225
|
}
|
|
220
226
|
|
|
221
227
|
&--default {
|