diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-20 11:10:58 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-20 11:10:58 +0200 |
| commit | 9794489573eaa3cd8bdc853c9d67db5145e22fe4 (patch) | |
| tree | c3451e3a5109fdb375607a13fdfad4a792c32b80 /src/app/components/post-attachment/post-attachment.component.css | |
| parent | 6ef0be3bb1f9e28dffb653011e0f3555a22b7051 (diff) | |
| download | DevHive-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.css | 50 |
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; } |
