mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 10:52:44 +00:00
7809cc6557
When a flex item has a specific preferred size, that size should be its contribution to the containers intrinsic sizes. This fixes an issue on Patreon where the logo would cover the entire viewport since the SVG had a large intrinsic size but the flex item containing it had a small specified size in CSS.
22 lines
618 B
HTML
22 lines
618 B
HTML
<!DOCTYPE html><html><head><style>
|
|
html {
|
|
background: white;
|
|
}
|
|
.flexbox {
|
|
display: flex;
|
|
background: pink;
|
|
}
|
|
svg {
|
|
background: orange;
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
</style></head><body class="flexbox"><svg
|
|
width="569px"
|
|
height="546px"
|
|
viewBox="0 0 569 546"
|
|
><circle
|
|
cx="362.589996"
|
|
cy="204.589996"
|
|
r="204.589996"
|
|
></circle></svg>
|