Archived
0

Web interface: стилизация таблицы модулей для маленьких экранов

This commit is contained in:
2017-03-12 00:17:03 +03:00
parent f3a86fb01a
commit 46410227f3

View File

@@ -77,11 +77,11 @@ var BundleTable = React.createClass({
ce('table', {className: 'table table-hover', width: '100%', style: {'margin-bottom': '0'}},
ce('thead', null,
ce('tr', null,
ce('th', {style: {'width':'2%'}}, '#'),
ce('th', {className: 'col-xs-1'}, '#'),
ce('th', null, 'Название'),
ce('th', null, 'Версия'),
ce('th', {className: 'hidden-xs'}, 'Версия'),
ce('th', null, 'Статус'),
ce('th', {style: {'width':'5%'}}, nbsp)
ce('th', {className: 'col-xs-1'}, nbsp)
)
),
ce('tbody', null, this.props.children)
@@ -126,14 +126,14 @@ var BundleTableRow = React.createClass({
});
},
render: function(){
vertAlign = {style: {'vertical-align': 'middle'}};
vertAlign = {'vertical-align': 'middle'};
return(
ce('tr', null,
ce('td', vertAlign, this.state.id),
ce('td', vertAlign, this.state.name),
ce('td', vertAlign, this.state.version),
ce('td', vertAlign, this.stateToStr(this.state.state)),
ce('td', vertAlign,
ce('td', {style: vertAlign}, this.state.id),
ce('td', {style: vertAlign}, this.state.name),
ce('td', {className: 'hidden-xs', style: vertAlign}, this.state.version),
ce('td', {style: vertAlign}, this.stateToStr(this.state.state)),
ce('td', {style: vertAlign},
ce(Button, {colored: 'danger', btnSize: 'xs', onClick: this.bndUpd}, 'update')
)
)