Add "new publication" button.

2024-09-04 14:19:26 +02:00
parent 64119a956a
commit d7ac4966c9
3 changed files with 41 additions and 1 deletions
--- a/frontend/src/app/pages/my-publications/my-publications.component.scss
+++ b/frontend/src/app/pages/my-publications/my-publications.component.scss
@@ -1,5 +1,29 @@
+$newPublicationButtonSize: 1.7em;
+
 :host {
    display: flex;
    flex-direction: column;
    align-items: center;
+
+    .new-publication {
+        position: fixed;
+        border-radius: 10em;
+        background-color: #14A44D;
+        color: white;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        bottom: $newPublicationButtonSize;
+        right: $newPublicationButtonSize;
+        width: $newPublicationButtonSize;
+        height: $newPublicationButtonSize;
+        text-decoration: none;
+        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+        transition: background-color .2s ease-in-out;
+        font-size: 2.2em;
+        
+        &:hover {
+            background-color: #0e7a3a;
+        }
+    }
 }