Commit daa089d2 authored by Tom Quirk's avatar Tom Quirk

Do not restrict design image width in any case

Previously we were, by default, restricting image height/width to 100%.
This meant that long-and-slim images would be very
hard to see, and the user could not zoom in
to inspect closely.

This commit removes this CSS restriction, meaning that images
will default to `min(100% width, natural width)`
parent 447affba
...@@ -83,7 +83,7 @@ export default { ...@@ -83,7 +83,7 @@ export default {
</script> </script>
<template> <template>
<div class="m-auto js-design-image" :class="{ 'h-100 w-100 d-flex-center': !imageStyle }"> <div class="m-auto js-design-image">
<img <img
ref="contentImg" ref="contentImg"
class="mh-100" class="mh-100"
......
---
title: Default design images to 100% of viewport width
merge_request: 25327
author:
type: added
...@@ -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 h-100 w-100 d-flex-center" class="m-auto 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 h-100 w-100 d-flex-center" class="m-auto 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