1 files changed, 75 insertions, 0 deletions
diff --git a/src/app/components/post-attachment/post-attachment.component.css b/src/app/components/post-attachment/post-attachment.component.css
new file mode 100644
index 0000000..572cc99
--- /dev/null
+++ b/src/app/components/post-attachment/post-attachment.component.css
@@ -0,0 +1,75 @@
+/* Attachment */
+
+.attachment {
+  border: 2px solid black;
+  border-top: 0;
+  border-radius: 0 0 .6em .6em;
+  padding: .4em;
+  padding-top: 1em;
+  margin-top: calc(-0.8em - 2px);
+}
+
+.clickable {
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.clickable:hover {
+  cursor: pointer;
+}
+
+.attachment-name {
+  flex: 1;
+}
+
+.attachment-type {
+  margin-left: .2em;
+}
+
+/* Full attachment */
+
+.show-full-attachment {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000000AF;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 2;
+}
+
+.show-full-attachment > * {
+  max-height: 100vh;
+  max-width: 100vw;
+}
+
+.attachment-download {
+  max-width: 420px !important;
+  margin: 0 .4em;
+  text-decoration: none;
+  color: white;
+  border-color: white;
+  background-color: black;
+}
+
+.attachment-download:hover {
+  background-color: white;
+  color: var(--focus-color);
+}
+
+.close {
+  position: fixed;
+  top: .2em;
+  right: .2em;
+  font-size: 2em;
+  color: whitesmoke;
+}
+
+.close:hover {
+  color: var(--failure);
+  cursor: pointer;
+}