mirror of https://github.com/vector-im/riot-web
apply CSS to slashcommand autocompletes
parent
42dc1be341
commit
4430e16707
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||||
|
|
||||||
var React = require('react');
|
var React = require('react');
|
||||||
var MatrixClientPeg = require("../../../MatrixClientPeg");
|
var MatrixClientPeg = require("../../../MatrixClientPeg");
|
||||||
|
var CommandEntry = require("../../../TabCompleteEntries").CommandEntry;
|
||||||
|
|
||||||
module.exports = React.createClass({
|
module.exports = React.createClass({
|
||||||
displayName: 'TabCompleteBar',
|
displayName: 'TabCompleteBar',
|
||||||
|
@ -31,7 +32,8 @@ module.exports = React.createClass({
|
||||||
<div className="mx_TabCompleteBar">
|
<div className="mx_TabCompleteBar">
|
||||||
{this.props.entries.map(function(entry, i) {
|
{this.props.entries.map(function(entry, i) {
|
||||||
return (
|
return (
|
||||||
<div key={entry.getKey() || i + ""} className="mx_TabCompleteBar_item"
|
<div key={entry.getKey() || i + ""}
|
||||||
|
className={ "mx_TabCompleteBar_item " + (entry instanceof CommandEntry ? "mx_TabCompleteBar_command" : "") }
|
||||||
onClick={entry.onClick.bind(entry)} >
|
onClick={entry.onClick.bind(entry)} >
|
||||||
{entry.getImageJsx()}
|
{entry.getImageJsx()}
|
||||||
<span className="mx_TabCompleteBar_text">
|
<span className="mx_TabCompleteBar_text">
|
||||||
|
|
Loading…
Reference in New Issue