Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/kdevo/osprey-delight.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'assets/sass/_modal.scss')
-rw-r--r--assets/sass/_modal.scss20
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 {