UI-Refactoring: Transitions vereinheitlicht, Card-Navigation auf Menü umgestellt, openChatBtn entfernt, Chat-Back navigiert zum Dashboard

wwwroot/css/chat.css

@@ -273,7 +273,7 @@
   position: absolute;
   top: var(--badge-spacing);
   opacity: 0;
-  transition: opacity .15s;
+  transition: opacity var(--transition-duration);
   padding: .15em .35em;
   font-size: var(--font-size);
   background: var(--f2-bg);
@@ -465,7 +465,7 @@
   font-size: var(--font-size);
   white-space: nowrap;
   vertical-align: baseline;
-  transition: background .15s, border-color .15s;
+  transition: background var(--transition-duration), border-color var(--transition-duration);
 }
 
 .file-ref-chip:hover {

wwwroot/css/dashboard.css

@@ -111,28 +111,18 @@
 }
 
 .card-menu-trigger {
-  opacity: 0;
-  transition: opacity .15s;
-  padding: .15em .45em;
+  transition: opacity var(--transition-duration);
   font-size: var(--font-size);
   background: var(--f3-bg);
   border: var(--border-width) solid var(--f3-border);
   border-radius: var(--border-radius);
 }
 
-.card:hover .card-menu-trigger {
-  opacity: var(--semi-transparent);
-}
-
-.card-menu-trigger:hover {
-  opacity: 1 !important;
-}
-
 .card-menu-dropdown {
+  margin-top: var(--badge-spacing);
   position: absolute;
   top: 100%;
   right: 0;
-  margin-top: .3em;
   background: var(--f3-bg);
   border: var(--border-width) solid var(--f3-border);
   border-radius: var(--border-radius);
@@ -140,7 +130,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  padding-block: calc(var(--badge-spacing) / 2) var(--badge-spacing);
+  padding-block: var(--badge-spacing);
 }
 
 .card-menu-dropdown[hidden] {

wwwroot/css/form.css

@@ -10,10 +10,6 @@
   margin-top: var(--box-spacing);
 }
 
-#openChatBtn {
-  margin-left: var(--badge-spacing);
-}
-
 .avatar-section {
   display: flex;
   align-items: center;

wwwroot/css/theme.css

@@ -30,5 +30,5 @@
   --menu-item-padding: .5em .75em;
   --page-width: 900px;
   --hover-filter: contrast(.9);
-  --transition-duration: 220ms;
+  --transition-duration: .15s;
 }

wwwroot/css/tooltip.css

@@ -11,7 +11,7 @@
   line-height: 1.4;
   pointer-events: none;
   opacity: 0;
-  transition: opacity 120ms;
+  transition: opacity var(--transition-duration);
   white-space: pre-line;
 }