aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/post-attachment/post-attachment.component.css
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-03-20 11:10:58 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-03-20 11:10:58 +0200
commit9794489573eaa3cd8bdc853c9d67db5145e22fe4 (patch)
treec3451e3a5109fdb375607a13fdfad4a792c32b80 /src/app/components/post-attachment/post-attachment.component.css
parent6ef0be3bb1f9e28dffb653011e0f3555a22b7051 (diff)
downloadDevHive-Angular-9794489573eaa3cd8bdc853c9d67db5145e22fe4.tar
DevHive-Angular-9794489573eaa3cd8bdc853c9d67db5145e22fe4.tar.gz
DevHive-Angular-9794489573eaa3cd8bdc853c9d67db5145e22fe4.zip
Major rework of post attachment styling
Diffstat (limited to 'src/app/components/post-attachment/post-attachment.component.css')
-rw-r--r--src/app/components/post-attachment/post-attachment.component.css50
1 files changed, 2 insertions, 48 deletions
diff --git a/src/app/components/post-attachment/post-attachment.component.css b/src/app/components/post-attachment/post-attachment.component.css
index 58e8a82..dd41340 100644
--- a/src/app/components/post-attachment/post-attachment.component.css
+++ b/src/app/components/post-attachment/post-attachment.component.css
@@ -1,27 +1,5 @@
-/* Attachment */
-
.attachment {
- width: 100%;
- height: 100%;
- display: flex;
- border: 2px solid black;
- border-top: 0;
- border-radius: 0 0 .6em .6em;
- padding: .4em;
- padding-top: 1em;
- margin-top: calc(-0.8em - 2px);
-}
-
-.attachment:hover {
- cursor: pointer;
-}
-
-.attachment-name {
- flex: 1;
-}
-
-.attachment-type {
- margin-left: .2em;
+ background-color: #424242;
}
/* Full attachment */
@@ -33,9 +11,6 @@
width: 100vw;
height: 100vh;
background-color: #000000AF;
- display: flex;
- justify-content: center;
- align-items: center;
z-index: 2;
}
@@ -46,27 +21,6 @@
.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;
+ color: inherit;
}