Auto merge of #8070 - badboy:inline-block-for-button, r=jdm

Move inline-block styling to user-agent and add button

First Servo PR for me. \o/

Fixes #8064

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/8070)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2015-10-25 12:43:00 -05:00
commit 41df37cf1b
5 changed files with 36 additions and 1 deletions

View file

@ -1,4 +1,3 @@
input, textarea, select { display: inline-block; }
input { background: white; min-height: 1.0em; padding: 0em; padding-left: 0.25em; padding-right: 0.25em; border: solid lightgrey 1px; color: black; white-space: nowrap; } input { background: white; min-height: 1.0em; padding: 0em; padding-left: 0.25em; padding-right: 0.25em; border: solid lightgrey 1px; color: black; white-space: nowrap; }
textarea { background: white; min-height: 1.0em; padding: 0em; padding-left: 0.25em; padding-right: 0.25em; border: solid lightgrey 1px; color: black; white-space: pre; } textarea { background: white; min-height: 1.0em; padding: 0em; padding-left: 0.25em; padding-right: 0.25em; border: solid lightgrey 1px; color: black; white-space: pre; }
button, button,

View file

@ -251,6 +251,7 @@ input[type="submit"], select, button {
box-sizing: border-box; box-sizing: border-box;
} }
input, textarea, select, button { display: inline-block; }
hr { color: gray; border-style: inset; border-width: 1px; margin: 0.5em auto; } hr { color: gray; border-style: inset; border-width: 1px; margin: 0.5em auto; }

View file

@ -947,6 +947,18 @@
"url": "/_mozilla/css/case-insensitive-font-family.html" "url": "/_mozilla/css/case-insensitive-font-family.html"
} }
], ],
"css/button_css_width.html": [
{
"path": "css/button_css_width.html",
"references": [
[
"/_mozilla/css/button_css_width_ref.html",
"=="
]
],
"url": "/_mozilla/css/button_css_width.html"
}
],
"css/class-namespaces.html": [ "css/class-namespaces.html": [
{ {
"path": "css/class-namespaces.html", "path": "css/class-namespaces.html",
@ -5472,6 +5484,18 @@
"url": "/_mozilla/css/case-insensitive-font-family.html" "url": "/_mozilla/css/case-insensitive-font-family.html"
} }
], ],
"css/button_css_width.html": [
{
"path": "css/button_css_width.html",
"references": [
[
"/_mozilla/css/button_css_width_ref.html",
"=="
]
],
"url": "/_mozilla/css/button_css_width.html"
}
],
"css/class-namespaces.html": [ "css/class-namespaces.html": [
{ {
"path": "css/class-namespaces.html", "path": "css/class-namespaces.html",

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='button_css_width_ref.html'>
</head>
<body>
<button style="width: 200px">foo</button>
</body>

View file

@ -0,0 +1,3 @@
<!DOCTYPE html>
<html>
<input type="button" style="width: 200px" value="foo">