added ModalSubTitle styling

Graylog2 · Sep 29, 2022 · c487933 · c487933
1 parent 823eeac
commit c487933
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/...log2-web-interface/src/components/sidecars/administration/CollectorConfigurationModal.tsx b/...log2-web-interface/src/components/sidecars/administration/CollectorConfigurationModal.tsx
@@ -93,6 +93,12 @@ const ModalTitle = styled(Modal.Title)`
   line-height: 1.1;
 `;
 
+const ModalSubTitle = styled.div`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`;
+
 const CollectorConfigurationModal = (props) => {
   const [nextAssignedConfigurations, setNextAssignedConfigurations] = React.useState([]);
 
@@ -226,7 +232,9 @@ const CollectorConfigurationModal = (props) => {
           <Modal.Header>
             <ModalTitle>
               Edit <b>{selectedLogCollectors[0]?.name}</b> Configurations
-              <div><small>sidecars: {selectedSidecarCollectorPairs.map(({ sidecar }) => sidecar.node_name).join(', ')}</small></div>
+              <ModalSubTitle>
+                <small>sidecars: {selectedSidecarCollectorPairs.map(({ sidecar }) => sidecar.node_name).join(', ')}</small>
+              </ModalSubTitle>
             </ModalTitle>
           </Modal.Header>
           <Modal.Body>