mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-02-24 19:37:15 +00:00
ecac6b1824
Buttons with a fixed height are already correctly prevented from inflating, so their test already passes. Everything else will be done subsequently. Differential Revision: https://phabricator.services.mozilla.com/D66096 --HG-- extra : moz-landing-system : lando
27 lines
612 B
HTML
27 lines
612 B
HTML
<!DOCTYPE HTML>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
div.outer {
|
|
width: 450px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
button {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.invisible {
|
|
color: white;
|
|
}
|
|
</style>
|
|
<!--
|
|
In a 450px container, the minimum font size at 15em per line is 30px.
|
|
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
|
-->
|
|
<div class="outer">
|
|
<form><button>Add Comment</button></form>
|
|
<p class="invisible">Some text to ensure the button gets inflated - if it
|
|
isn't size-restricted, that is - but which shouldn't influence the visual
|
|
result otherwise.</p>
|
|
</div>
|