From 1a1ed49f8b439d1052c01ee4f89f6da931c2bfcf Mon Sep 17 00:00:00 2001
From: ma0048 <ma0048@technikum-wien.at>
Date: Mon, 2 Dec 2024 13:09:38 +0100
Subject: [PATCH] =?UTF-8?q?-=20styling=20f=C3=BCr=20neuen=20tag=20-=20hove?=
 =?UTF-8?q?r=20effekt=20-=20tagicon=20statt=20plus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/tags.css             | 28 ++++++++++++++++++++++++----
 public/js/components/Tag/Tag.js |  5 ++---
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/public/css/tags.css b/public/css/tags.css
index b1ee7d4c9..fb0c33a29 100644
--- a/public/css/tags.css
+++ b/public/css/tags.css
@@ -1,10 +1,9 @@
-:is(.tag_notice, .tag_inwork, .tag_planning) {
+:is(.tag_notice, .tag_inwork, .tag_planning, .tag_prio_one, .tag_prio_two, .tag_finished) {
 	display: inline-block;
 	padding: 5px 10px;
 	margin-right: 5px;
 	border-radius: 3px;
 	color: white;
-	cursor: default;
 	font-size: .75em;
 	font-weight: 700;
 	line-height: 1;
@@ -13,16 +12,37 @@
 	vertical-align: baseline;
 }
 
+:is(.tag_notice, .tag_inwork, .tag_planning, .tag_prio_one, .tag_prio_two, .tag_finished):hover {
+	transform: scale(1.05);
+}
+
 .tag_notice {
 	background-color: red !important;
 }
-.tag_inwork  {
+
+
+.tag_finished {
+	background-color: green !important;
+}
+
+.tag_inwork {
 	background-color: violet !important;
 }
-.tag_planning  {
+
+.tag_planning {
 	background-color: lightblue !important;
 }
 
+.tag_prio_one {
+	background-color: red !important;
+}
+
+.tag_prio_two {
+	background-color: yellow !important;
+	color: black;
+}
+
+
 .dropdown-list {
 	list-style: none;
 	background-color: white;
diff --git a/public/js/components/Tag/Tag.js b/public/js/components/Tag/Tag.js
index be37659ae..52d919a68 100644
--- a/public/js/components/Tag/Tag.js
+++ b/public/js/components/Tag/Tag.js
@@ -181,8 +181,8 @@ export default {
 		<div class="plus-button-container" @mouseleave="hideList">
 			<button @mouseover="showList = true" 
 					:disabled="!values || values.length === 0"
-					class="btn btn-secondary btn-sm">
-				<i class="fa-solid fa-plus fa-xl"></i>
+					class="btn btn-sm">
+				<i class="fa-solid fa-tag fa-xl"></i>
 			</button>
 			<ul v-if="showList" class="dropdown-list">
 				<li v-for="(item, index) in tags" :key="index" @click="openModal(item)" :title="item.bezeichnung">
@@ -209,7 +209,6 @@ export default {
 						placeholder="Notiz..."
 					></form-input>
 					<div class="modificationdate">angelegt von {{ tagData.insertvon }} am {{ tagData.insertamum }}</div>
-
 				</div>
 			</template>
 			<template #footer>