@fmidev/smartmet-alert-client 4.1.0 → 4.1.2
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.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Days.vue +9 -0
package/package.json
CHANGED
package/src/components/Days.vue
CHANGED
|
@@ -155,15 +155,19 @@ export default {
|
|
|
155
155
|
switch (event.keyCode) {
|
|
156
156
|
case this.KEY_CODE_LEFT:
|
|
157
157
|
this.day = Math.max(this.day - 1, 0)
|
|
158
|
+
event.preventDefault()
|
|
158
159
|
break
|
|
159
160
|
case this.KEY_CODE_RIGHT:
|
|
160
161
|
this.day = Math.min(this.day + 1, 4)
|
|
162
|
+
event.preventDefault()
|
|
161
163
|
break
|
|
162
164
|
case this.KEY_CODE_HOME:
|
|
163
165
|
this.day = 0
|
|
166
|
+
event.preventDefault()
|
|
164
167
|
break
|
|
165
168
|
case this.KEY_CODE_END:
|
|
166
169
|
this.day = 4
|
|
170
|
+
event.preventDefault()
|
|
167
171
|
break
|
|
168
172
|
}
|
|
169
173
|
this.$el.querySelector(`button.day.day${this.day}`).focus()
|
|
@@ -310,5 +314,10 @@ div#fmi-warnings-date-selector.tabs {
|
|
|
310
314
|
margin-bottom: 0;
|
|
311
315
|
height: $day-small-mobile-height;
|
|
312
316
|
}
|
|
317
|
+
|
|
318
|
+
:deep(button.day div.date-selector-cell) {
|
|
319
|
+
height: $day-small-mobile-height;
|
|
320
|
+
}
|
|
321
|
+
|
|
313
322
|
}
|
|
314
323
|
</style>
|