Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

MM-10700 - Updating image preview modal #1380

Merged
merged 5 commits into from
Jun 28, 2018
Merged

MM-10700 - Updating image preview modal #1380

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
595fb00
MM-10700 - Updating modal preview css
asaadmahmood Jun 6, 2018
fda5ce2
Updating modal height
asaadmahmood Jun 26, 2018
e525797
Updating imagemodal css
asaadmahmood Jun 26, 2018
6d6f04e
Updating image css
asaadmahmood Jun 27, 2018
09a25f2
Updating modal css on mobile
asaadmahmood Jun 27, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions sass/components/_files.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,6 +156,7 @@

.image-container {
position: relative;
max-width: 1024px;
width: 100%;
height: 100%;
}
Expand Down
11 changes: 5 additions & 6 deletions sass/components/_modal.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -325,8 +325,8 @@
}

.modal-image__content {
max-height: 85vh;
max-width: 90vw;
max-height: 95vh;
max-width: 96vw;
overflow-x: hidden;
overflow-y: visible;
}
Expand Down Expand Up @@ -406,7 +406,7 @@
}

img {
max-height: calc(100vh - 200px);
max-height: calc(100vh - 50px);
max-width: 100%;
}

Expand Down Expand Up @@ -478,13 +478,12 @@

.modal-button-bar {
@include single-transition(opacity, .6s);
@include border-radius(0 0 3px 3px);
@include opacity(0);
background-color: $black;
bottom: -40px;
bottom: 0;
left: 0;
line-height: 40px;
max-width: 90vw;
max-width: 100%;
padding: 0 10px;
position: absolute;
right: 0;
Expand Down