Merge master into feature-54564/FHC-4_Studierendenverwaltung_Abschlusspruefung

public/css/Cis4/Cis.css

@@ -182,6 +182,10 @@ html {
   transform: rotate(-90deg);
 }
 
+#nav-sprachen{
+	transition: none;
+}
+
 /* searchbar */
 #nav-search {
   z-index: 1;
@@ -478,15 +482,28 @@ html {
 }
 
 .fhc-entry:hover{
-	background-color:#0088d6 !important;
+	background-color:#005585 !important;
 	color:white !important;
 }
 
+.fhc-entry.btn:focus {
+	box-shadow: none !important;
+}
+
+.fhc-entry.btn {
+	border-radius: 0 !important;
+}
+
 .fhc-entry {
 	transition-property: background,color;
 	transition-duration: 0.3s,0.2s;
 	transition-timing-function: ease-out,ease-out;
 }
+
+[selected].fhc-entry {
+	background-color: #00649C !important;
+}
+
 @media screen and ( max-width: 767px ) {
 	#nav-search  {
 		position: static;
@@ -527,4 +544,25 @@ html {
 		padding-left: 2.5rem;
 		overflow-wrap: anywhere;
 	}
+}
+
+/* classes used for the Vue <Transition> component*/
+.v-enter-active,
+.v-leave-active {
+	transition: opacity 0.2s ease-out;
+}
+
+.v-enter-from,
+.v-leave-to {
+	opacity: 0;
+}
+
+.height-enter-active,
+.height-leave-active {
+	transition: height 0.3s ease-out;
+}
+
+.height-enter-from,
+.height-leave-to {
+	height: 0px;
 }

public/css/components/dashboard/news.css

@@ -1,27 +1,72 @@
-.widgets-news .card-header {
-    flex-direction: column;
-    align-items: flex-start !important;
-    
-}
-
 :root{
     --news-widget-height: 1;
 }
 
-.widgets-news .news-content > div,
-.widgets-news .news-content .row:nth-child(1),
-.widgets-news .news-content .news-list,
-.widgets-news .news-content .news-list-item,
-.widgets-news .news-content .card-body
-{
-    height: 100%;
-}
-
 .widgets-news img
 {
     max-width: 100%;
 }
 
-.widgets-news .card-body{
-    overflow: hidden;
-}
+.fhc-news-menu-item {
+    padding: 0.375rem;
+    color: var(--fhc-cis-menu-lvl-1-color);
+    min-height: 5%;
+    max-height: 30%;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #00649c;
+    border: 1px solid #f1f1f1;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition */
+}
+
+.fhc-news-menu-item:hover {
+    background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
+    border-color: #f1f1f1;
+}
+
+.fhc-news-menu-item:active {
+    background-color: var(--fhc-cis-menu-lvl-1-color-hover);
+    border-color: #f1f1f1;
+}
+
+.fhc-news-menu-item.selected {
+    background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
+    border-right: 2px solid #fff;
+    
+}
+
+.fhc-news-menu-item:focus {
+    outline: none;
+}
+
+.fhc-news-menu-item-betreff
+{
+    width: 100%;
+    text-align: center;
+    max-height: 100%;
+    height: 100%;
+}
+
+.fhc-news-menu-item-date {
+    text-align: end;
+    width: 100%;
+    max-height: 100%;
+    height: 100%;
+}
+
+.fhc-carousel .carousel-item {
+    transition: transform 0.375s ease-in-out, opacity 0.75s ease-in-out;
+}
+
+.fhc-carousel .carousel-item-next,
+.fhc-carousel .carousel-item-prev {
+    transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
+}
+
+.fhc-carousel .carousel-item-start,
+.fhc-carousel .carousel-item-end {
+    transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
+}

public/css/components/searchbar/searchbar.css

@@ -26,6 +26,7 @@
     width: 100%;
     left: 0;
     right: 0;
+	box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
 }
 
 .searchbar_results_scroller {
@@ -109,3 +110,7 @@
     -moz-user-select: none; /* Firefox */
     -ms-user-select: none; /* IE/Edge */
   }
+
+.searchbar_inaktiv {
+	opacity: .6;
+}

public/css/tags.css

@@ -0,0 +1,100 @@
+.tag {
+	display: inline-block;
+	padding: 5px 10px;
+	margin-right: 5px;
+	border-radius: 3px;
+	color: white;
+	font-size: .75em;
+	font-weight: 700;
+	line-height: 1;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: baseline;
+}
+
+.tag:hover
+{
+	transform: scale(1.15);
+}
+
+.tag_rot {
+	background-color: #ff0000ff;
+}
+
+.tag_gelb {
+	background-color: #ffff00ff;
+	color: black;
+}
+.tag_gruen {
+	background-color: #008000ff;
+}
+
+.tag_rosa {
+	background-color: #FFC1C1;
+	color: black;
+}
+
+.tag_aprikose {
+	background-color: #4f7596;
+}
+
+.tag_pfirsich {
+	background-color: #a15f95;
+}
+
+.tag_orange {
+	background-color: #ffA500ff;
+}
+
+
+.tag_braun {
+	background-color: #6d4c41;
+}
+
+.tag_blau {
+	background-color: #508498;
+}
+
+.tag_lavendel {
+	background-color: #C7A3FF;
+}
+
+.tag_limette {
+	background-color: #D3FFCE;
+}
+
+.tag_done {
+	text-decoration: line-through;
+}
+
+.display_all {
+	background-color: darkgrey !important;
+	border: none;
+}
+
+.dropdown_list {
+	list-style: none;
+	background-color: white;
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+	z-index: 1000;
+	position: absolute;
+	padding: 10px 10px 10px;
+	max-width: 200px;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	cursor: pointer;
+}
+
+.plus_button_container.disabled {
+	pointer-events: none;
+	opacity: 0.5;
+}
+
+.modificationdate {
+	font-style: italic;
+	font-size: 0.7em;
+	text-align: left;
+}