Bug 1222417 - Filter Input Fixes in toolbar.js and memory.css. r=vp

This commit is contained in:
Eduard Hanu 2015-11-10 15:40:00 +01:00
parent ff2220ec15
commit e8e322fd7b
2 changed files with 8 additions and 2 deletions

View File

@ -40,7 +40,7 @@ const Toolbar = module.exports = createClass({
dom.div({ className: "devtools-toolbar" },
dom.button({
id: "take-snapshot",
className: `take-snapshot devtools-button`,
className: "take-snapshot devtools-button",
onClick: onTakeSnapshotClick,
title: L10N.getStr("take-snapshot")
}),
@ -50,7 +50,7 @@ const Toolbar = module.exports = createClass({
L10N.getStr("toolbar.breakdownBy"),
dom.select({
id: "select-breakdown",
className: `select-breakdown`,
className: "select-breakdown",
onChange: e => onBreakdownChange(e.target.value),
}, ...breakdowns.map(({ name, displayName }) => dom.option({ key: name, value: name }, displayName)))
),
@ -81,6 +81,7 @@ const Toolbar = module.exports = createClass({
dom.input({
id: "filter",
type: "search",
className: "devtools-searchinput",
placeholder: L10N.getStr("filter.placeholder"),
onChange: event => setFilterString(event.target.value),
value: !!filterString ? filterString : undefined,

View File

@ -100,6 +100,11 @@ html, body, #app, #memory-tool {
flex: 1;
}
#filter {
align-self: stretch;
margin: 2px;
}
/**
* TODO bug 1213100
* Once we figure out how to store invertable buttons (pseudo element like in