overflow-y scroll changed to overflow-y auto -> avoid unnecessary scrollbars

This commit is contained in:
Johann Hoffmann
2024-11-13 18:14:58 +01:00
parent 9042f9b83b
commit a682d6e5ae
3 changed files with 6 additions and 8 deletions
+2 -4
View File
@@ -18,7 +18,5 @@
}
.widgets-news .card-body{
/*max-height: calc(var(--news-widget-height)*var(--fhc-dg-row-height)); */
overflow:scroll;
}
overflow: hidden;
}
+3 -3
View File
@@ -61,7 +61,7 @@ export default {
this.$refs.newsModal.show();
},
},
template: /*html*/ `<div class="widgets-news w-100 h-100">
template: /*html*/ `<div class="widgets-news h-100">
<div class="d-flex flex-column h-100 ">
<div class="d-flex">
@@ -69,10 +69,10 @@ export default {
<a :href="allNewsURI()" class="ms-auto mb-2">
<i class="fa fa-arrow-up-right-from-square me-1"></i>{{$p.t('news','allNews')}}</a>
</div>
<div class="h-100 overflow-scroll" v-if="width == 1">
<div class="h-100" style="overflow-y: auto" v-if="width == 1">
<div v-for="news in newsList" :key="news.id" class="mt-2">
<div class="card">
<div class=" card-body">
<div class="card-body">
<a :href="contentURI(news.content_id)" class="stretched-link" >{{ news.content_obj.betreff?news.content_obj.betreff:getDate(news.insertamum) }}</a><br>
<span class="small text-muted">{{ formatDateTime(news.insertamum) }}</span>
</div>
@@ -189,7 +189,7 @@ export default {
<content-modal :contentID="roomInfoContentID" :ort_kurzbz="" dialogClass="modal-lg" ref="contentModal"/>
<fhc-calendar @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" >
<template #minimizedPage >
<div class="flex-grow-1" style="overflow-y: scroll; overflow-x: hidden">
<div class="flex-grow-1" style="overflow-y: auto; overflow-x: hidden">
<div v-if="events === null" class="d-flex h-100 justify-content-center align-items-center">
<i class="fa-solid fa-spinner fa-pulse fa-3x"></i>
</div>