diff --git a/frontend/src/History/HistoryRow.css b/frontend/src/History/HistoryRow.css
index 3f0408b99..a1d156d6b 100644
--- a/frontend/src/History/HistoryRow.css
+++ b/frontend/src/History/HistoryRow.css
@@ -4,30 +4,22 @@
width: 120px;
}
+.elapsedTime,
.indexer {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
width: 150px;
}
+.categories,
+.source,
+.date,
.releaseGroup {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
width: 110px;
}
-.categories {
- composes: cell from '~Components/Table/Cells/TableRowCell.css';
-
- width: 110px;
-}
-
-.source {
- composes: cell from '~Components/Table/Cells/TableRowCell.css';
-
- width: 110px;
-}
-
.details {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
diff --git a/frontend/src/History/HistoryRow.js b/frontend/src/History/HistoryRow.js
index b442ceb9b..13e1a51a2 100644
--- a/frontend/src/History/HistoryRow.js
+++ b/frontend/src/History/HistoryRow.js
@@ -5,6 +5,7 @@ import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellCo
import TableRowCell from 'Components/Table/Cells/TableRowCell';
import TableRow from 'Components/Table/TableRow';
import { icons } from 'Helpers/Props';
+import CapabilitiesLabel from 'Indexer/Index/Table/CapabilitiesLabel';
import HistoryDetailsModal from './Details/HistoryDetailsModal';
import HistoryEventTypeCell from './HistoryEventTypeCell';
import HistoryRowParameter from './HistoryRowParameter';
@@ -254,7 +255,10 @@ class HistoryRow extends Component {
>
{
data.categories ?
- data.categories :
+ :
null
}
@@ -291,7 +295,7 @@ class HistoryRow extends Component {
return (
{
data.elapsedTime ?
@@ -307,6 +311,7 @@ class HistoryRow extends Component {
);
}
diff --git a/frontend/src/History/HistoryRowParameter.css b/frontend/src/History/HistoryRowParameter.css
index 6bb54053e..6c2792ae8 100644
--- a/frontend/src/History/HistoryRowParameter.css
+++ b/frontend/src/History/HistoryRowParameter.css
@@ -11,6 +11,7 @@
.info {
padding: 0 4px;
+ white-space: nowrap;
}
.value {
diff --git a/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js b/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js
index 698bc6221..e1a4bb4f1 100644
--- a/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js
+++ b/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js
@@ -3,16 +3,26 @@ import React from 'react';
import Label from 'Components/Label';
function CapabilitiesLabel(props) {
+ const {
+ categoryFilter
+ } = props;
+
const {
categories
} = props.capabilities;
- const filteredList = categories.filter((item) => item.id < 100000).map((item) => item.name).sort();
+ let filteredList = categories.filter((item) => item.id < 100000);
+
+ if (categoryFilter.length > 0) {
+ filteredList = filteredList.filter((item) => categoryFilter.includes(item.id));
+ }
+
+ const nameList = filteredList.map((item) => item.name).sort();
return (
{
- filteredList.map((category) => {
+ nameList.map((category) => {
return (