From 6c57c17eb5d924b4be8191e5fb7005f0e918e2ea Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Tue, 22 Jul 2025 13:50:34 +0200
Subject: [PATCH] update(News Widget 1 spaltig): adds padding and updates
 colors of the time and content when hovered

---
 public/css/components/dashboard/news.css     | 17 +++++++++++++++++
 public/js/components/Dashboard/Item.js       |  2 +-
 public/js/components/DashboardWidget/News.js |  9 +++------
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/public/css/components/dashboard/news.css b/public/css/components/dashboard/news.css
index a5bca7afe..0253a1789 100644
--- a/public/css/components/dashboard/news.css
+++ b/public/css/components/dashboard/news.css
@@ -96,6 +96,11 @@
 	}
 }
 
+.widgets-news{
+	padding: 0 .5rem;
+	overflow-y: auto;
+}
+
 .widgets-news img
 {
     max-width: 100%;
@@ -165,10 +170,22 @@
 
 .fhc-news-items-lg .row:hover{
 	background-color: var(--fhc-primary);
+	color: var(--fhc-light) !important;
+	cursor: pointer;
+}
+
+.fhc-news-items-lg .row .news-truncate span{
+	color: var(--fhc-primary);
+	cursor: pointer;
+}
+
+.fhc-news-items-lg .row:hover .news-truncate span {
 	color: var(--fhc-light);
 	cursor: pointer;
 }
 
+
+
 .news-truncate {
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
diff --git a/public/js/components/Dashboard/Item.js b/public/js/components/Dashboard/Item.js
index c9598ce16..8e1fb2c62 100644
--- a/public/js/components/Dashboard/Item.js
+++ b/public/js/components/Dashboard/Item.js
@@ -189,7 +189,7 @@ export default {
 				</div>
 			</Transition>
 		</div>
-		<div v-if="ready" class="card-body overflow-hidden" style="padding: 0px;">
+		<div v-if="ready" class="card-body overflow-hidden" style="padding: .5em 0;">
 			<component :is="component" v-model:shared-data="sharedData" :config="arguments" :width="width" :height="height" @setConfig="setConfig" @change="changeConfigManually"></component>
 		</div>
 		<div v-else class="card-body overflow-hidden text-center d-flex flex-column justify-content-center"><i class="fa-solid fa-spinner fa-pulse fa-3x"></i></div>
diff --git a/public/js/components/DashboardWidget/News.js b/public/js/components/DashboardWidget/News.js
index a6c94b90e..26757d49c 100644
--- a/public/js/components/DashboardWidget/News.js
+++ b/public/js/components/DashboardWidget/News.js
@@ -23,9 +23,6 @@ export default {
 		sizeClass() {
 			return 'fhc-news-' + ['xs', 'sm', 'md', 'lg'][this.size];
 		},
-		getNewsWidgetStyle() {
-			return this.width == 1 ? "padding: 1rem 1rem;" : "padding: 0px;"
-		},
 		newsList() {
 			//Return news amount depending on widget width and size
 			// let quantity = this.width;
@@ -219,7 +216,7 @@ export default {
 	
 	},
 	template: /*html*/ `
-<div ref="container" class="widgets-news h-100" :class="sizeClass" :style="getNewsWidgetStyle">
+<div ref="container" class="widgets-news h-100" :class="sizeClass" >
     <div class="d-flex flex-column h-100">
         <div class="h-100 fhc-news-items-sm" style="overflow-y: auto" v-show="width == 1" >
             <div  v-for="(news, index) in newsList" :key="news.news_id" class="py-2">
@@ -239,8 +236,8 @@ export default {
         		<template v-for="news in newsList" :key="'menu-'+news.news_id" >
 				<div class="row m-0 py-2" @click="setSelected(news)">
 					<div class="col-md-12 d-flex mb-2">
-						<span class="small">{{ formatDate(news.insertamum) }} </span>
-						<span class="ms-auto small">{{ formatTime(news.insertamum) }} </span>
+						<span class="small ">{{ formatDate(news.insertamum) }} </span>
+						<span class="ms-auto small ">{{ formatTime(news.insertamum) }} </span>
 					</div>
 					<div class="col-md-12 news-truncate">
 						<span >{{ news.content_obj.betreff?news.content_obj.betreff:getDate(news.insertamum) }}</span>