hotfix scrollowania

This commit is contained in:
2023-11-28 18:56:02 +01:00
parent 916f19df72
commit 7c2b5fbd50
+13 -5
View File
@@ -1,5 +1,6 @@
<template> <template>
<section class="station_table"> <section class="station_table">
<div class="table_wrapper">
<table> <table>
<thead> <thead>
<tr> <tr>
@@ -86,7 +87,11 @@
</span> </span>
<span v-else-if="station.generalInfo.availability == 'nonPublic'"> <span v-else-if="station.generalInfo.availability == 'nonPublic'">
<img src="/images/icon-lock.svg" alt="non-public" :title="$t('desc.non-public')" /> <img
src="/images/icon-lock.svg"
alt="non-public"
:title="$t('desc.non-public')"
/>
</span> </span>
<span v-else> <span v-else>
@@ -272,6 +277,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<Loading v-if="!isDataLoaded && stations.length == 0" /> <Loading v-if="!isDataLoaded && stations.length == 0" />
@@ -388,16 +394,18 @@ $rowCol: #424242;
} }
} }
.table_wrapper {
overflow: auto;
overflow-y: hidden;
font-weight: 500;
}
table { table {
white-space: nowrap; white-space: nowrap;
border-collapse: collapse; border-collapse: collapse;
// min-width: 1350px; // min-width: 1350px;
width: 100%; width: 100%;
overflow: auto;
overflow-y: hidden;
font-weight: 500;
@include smallScreen() { @include smallScreen() {
min-width: auto; min-width: auto;
} }