Make full screen image scrollable

This commit is contained in:
Ramon Wenger 2019-02-20 15:00:40 +01:00
parent 97b3be305f
commit 0d99019e94
3 changed files with 11 additions and 4 deletions

View File

@ -26,8 +26,6 @@
&__image { &__image {
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
height: auto;
max-height: 95vh;
vertical-align: bottom; vertical-align: bottom;
} }
} }

View File

@ -91,7 +91,15 @@
&--fullscreen &__body { &--fullscreen &__body {
padding: 0; padding: 0;
overflow-y: hidden; scrollbar-width: none;
margin-right: -5px;
height: auto;
max-height: 95vh;
&::-webkit-scrollbar {
display: none;
}
} }
&--fullscreen &__close-button { &--fullscreen &__close-button {

View File

@ -5,7 +5,8 @@ import {ApolloLink} from 'apollo-link'
import fetch from 'unfetch' import fetch from 'unfetch'
const httpLink = new HttpLink({ const httpLink = new HttpLink({
uri: process.env.NODE_ENV !== 'production' ? 'http://localhost:8000/api/graphql/' : '/api/graphql/', // uri: process.env.NODE_ENV !== 'production' ? 'http://localhost:8000/api/graphql/' : '/api/graphql/',
uri: '/api/graphql/',
credentials: 'include', credentials: 'include',
fetch: fetch, fetch: fetch,
headers: { headers: {