diff options
| author | Kai Dinghofer <kdevo@users.noreply.github.com> | 2022-04-30 21:30:31 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-30 21:30:31 +0300 |
| commit | 50bdf7a5158dcf88719db0b122c9d8ff894a5f3d (patch) | |
| tree | 7cf0a9c8086eb7a951c485503b6409476ad11cbd /assets/sass/_modal.scss | |
| parent | 599d225c74ab96c5d26a26ed3115bb365c72f66b (diff) | |
| parent | 9fdabe042977a1fecb2b1b67e2fd0e732a81d60d (diff) | |
Merge pull request #33 from kdevo/devv5.0.0
Release v5 :rocket:
Diffstat (limited to 'assets/sass/_modal.scss')
| -rw-r--r-- | assets/sass/_modal.scss | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/assets/sass/_modal.scss b/assets/sass/_modal.scss index 79065a8..f8e0eac 100644 --- a/assets/sass/_modal.scss +++ b/assets/sass/_modal.scss @@ -58,14 +58,15 @@ } .modal-header-img-container { + background-color: $gallery-modal-bg-color; display: flex; align-items: center; justify-content: center; height: 100%; - padding: 4%; img { - max-height: 100%; + max-height: 20vh; + padding: 2%; // TODO(kdevo): Temporary fix to prevent image stretching in modal header object-fit: contain; } @@ -79,22 +80,23 @@ .close { position: absolute; - top: 4px; - right: -3px; - color: $gallery-modal-close-color; - font-size: 1.75em; - font-weight: bold; + top: -4px; + right: 5px; + font-size: 1.6em; z-index: 100; transition: color .2s ease-out; &:hover, &:focus { - color: $accent-color; - text-decoration: none; + // fill: $accent-color; cursor: pointer; } } +#icon-close { + fill: $gallery-modal-close-color; +} + .repo-info { color: $alt-text-color; a { |