Commit db296a61 authored by Tom Quirk's avatar Tom Quirk

Ensure design image has max-height 100%

This change reverts the added behviour where an image
would default to 100% width and be allowed to
overflow vertically.

Reverted because of the additional UX complexities
identified during review.
parent 556d3d2e
...@@ -52,7 +52,7 @@ export default { ...@@ -52,7 +52,7 @@ export default {
</script> </script>
<template> <template>
<div class="m-auto js-design-image"> <div class="m-auto h-100 w-100 d-flex-center js-design-image">
<img ref="contentImg" :src="image" :alt="name" class="img-fluid mh-100" @load="onImgLoad" /> <img ref="contentImg" :src="image" :alt="name" class="img-fluid mh-100" @load="onImgLoad" />
</div> </div>
</template> </template>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
exports[`Design management large image component renders image 1`] = ` exports[`Design management large image component renders image 1`] = `
<div <div
class="m-auto js-design-image" class="m-auto h-100 w-100 d-flex-center js-design-image"
> >
<img <img
alt="test" alt="test"
...@@ -14,7 +14,7 @@ exports[`Design management large image component renders image 1`] = ` ...@@ -14,7 +14,7 @@ exports[`Design management large image component renders image 1`] = `
exports[`Design management large image component renders loading state 1`] = ` exports[`Design management large image component renders loading state 1`] = `
<div <div
class="m-auto js-design-image" class="m-auto h-100 w-100 d-flex-center js-design-image"
isloading="true" isloading="true"
> >
<img <img
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment