diff --git a/src/components/Order.vue b/src/components/Order.vue index 33e2c0d..37fc81c 100644 --- a/src/components/Order.vue +++ b/src/components/Order.vue @@ -19,6 +19,12 @@ import OrderSVue from './OrderS.vue'; import OrderFooter from './OrderFooter.vue'; import OrderOVue from './OrderO.vue'; +const orderComponents = { + orderN: OrderNVue, + orderS: OrderSVue, + orderO: OrderOVue, +}; + export default defineComponent({ components: { OrderNVue, OrderSVue, OrderFooter }, @@ -32,16 +38,7 @@ export default defineComponent({ computed: { chosenOrderComponent() { - switch (this.store.chosenOrderType) { - case 'orderN': - return OrderNVue; - case 'orderS': - return OrderSVue; - case 'orderO': - return OrderOVue; - default: - return OrderNVue; - } + return orderComponents[this.store.chosenOrderType]; }, }, }); @@ -121,6 +118,19 @@ input { font-size: 0.9em; text-align: center; color: black; + + &:focus-visible { + border-bottom: 2px solid $accentCol; + } +} + +input[type='checkbox'], +input[type='radio'], +textarea, +select { + &:focus-visible { + outline: 2px solid $accentCol; + } } select { diff --git a/src/components/OrderList.vue b/src/components/OrderList.vue index fe3b6e2..064b37e 100644 --- a/src/components/OrderList.vue +++ b/src/components/OrderList.vue @@ -3,6 +3,8 @@

Zapisane rozkazy pisemne ({{ localOrderList.length }})

+
  • Brak zapisanych rozkazów!
  • +
  • {{ getOrderName(order.orderType) }} nr {{ order.orderBody['header']['orderNo'] }} dla pociągu nr @@ -84,12 +86,12 @@ export default defineComponent({ &-move, &-enter-active, &-leave-active { - transition: all 0.5s ease; + transition: all 250ms ease; } &-enter-from, &-leave-to { opacity: 0; - transform: translateX(30px); + transform: translateY(30px); } &-leave-active { @@ -126,5 +128,11 @@ li { button { margin: 1em 1em 0 0; } + + &.no-orders-warning { + text-align: center; + font-size: 1.2em; + cursor: default; + } } diff --git a/src/components/OrderN.vue b/src/components/OrderN.vue index 87611eb..f8c58b7 100644 --- a/src/components/OrderN.vue +++ b/src/components/OrderN.vue @@ -36,7 +36,7 @@ ZEZWALAM po otrzymaniu
    diff --git a/src/components/OrderS.vue b/src/components/OrderS.vue index 9f8b26b..37edf3f 100644 --- a/src/components/OrderS.vue +++ b/src/components/OrderS.vue @@ -28,7 +28,7 @@ zezwalam po otrzymaniu
    diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue index e205182..9a67ce1 100644 --- a/src/components/SideBar.vue +++ b/src/components/SideBar.vue @@ -116,6 +116,10 @@ export default defineComponent({ &:hover { cursor: pointer; } + + &:focus-visible { + background-color: #6d6d6d73; + } } } diff --git a/src/mixins/orderFooterMixin.ts b/src/mixins/orderFooterMixin.ts index 371c39b..f260b67 100644 --- a/src/mixins/orderFooterMixin.ts +++ b/src/mixins/orderFooterMixin.ts @@ -20,8 +20,6 @@ export default defineComponent({ if (footer.dispatcherName) this.store.footerMessage += `, dyżurny ruchu ${footer.dispatcherName}`; if (footer.secondaryDispatcherName) this.store.footerMessage += `, z polecenia dyżurnego ruchu ${footer.secondaryDispatcherName}`; - - this.store.footerMessage += ' Potwierdzić przyjęcie rozkazu'; }, }, });