[8.7] [Enterprise Search] Makes connector configuration entries wrap text (#151691) (#151699)

# Backport

This will backport the following commits from `main` to `8.7`:
- [[Enterprise Search] Makes connector configuration entries wrap text
(#151691)](https://github.com/elastic/kibana/pull/151691)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Sander
Philipse","email":"94373878+sphilipse@users.noreply.github.com"},"sourceCommit":{"committedDate":"2023-02-21T13:11:44Z","message":"[Enterprise
Search] Makes connector configuration entries wrap text (#151691)\n\n##
Summary\r\n\r\nThis fixes a word wrap issue for connector
configurations.\r\n\r\nBefore:\r\n<img width=\"975\" alt=\"Screenshot
2023-02-21 at 13 00
39\"\r\nsrc=\"https://user-images.githubusercontent.com/94373878/220341403-57815e30-0119-4ff2-843d-5d0f5d424072.png\">\r\nAfter:\r\n<img
width=\"667\" alt=\"Screenshot 2023-02-21 at 12 59
43\"\r\nsrc=\"https://user-images.githubusercontent.com/94373878/220341426-e68541ff-979a-48b4-a734-48450c5635b0.png\">","sha":"986b9b832d7cb9c59e160dddac25693329c2999d","branchLabelMapping":{"^v8.8.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:EnterpriseSearch","v8.7.0","v8.8.0"],"number":151691,"url":"https://github.com/elastic/kibana/pull/151691","mergeCommit":{"message":"[Enterprise
Search] Makes connector configuration entries wrap text (#151691)\n\n##
Summary\r\n\r\nThis fixes a word wrap issue for connector
configurations.\r\n\r\nBefore:\r\n<img width=\"975\" alt=\"Screenshot
2023-02-21 at 13 00
39\"\r\nsrc=\"https://user-images.githubusercontent.com/94373878/220341403-57815e30-0119-4ff2-843d-5d0f5d424072.png\">\r\nAfter:\r\n<img
width=\"667\" alt=\"Screenshot 2023-02-21 at 12 59
43\"\r\nsrc=\"https://user-images.githubusercontent.com/94373878/220341426-e68541ff-979a-48b4-a734-48450c5635b0.png\">","sha":"986b9b832d7cb9c59e160dddac25693329c2999d"}},"sourceBranch":"main","suggestedTargetBranches":["8.7"],"targetPullRequestStates":[{"branch":"8.7","label":"v8.7.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.8.0","labelRegex":"^v8.8.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/151691","number":151691,"mergeCommit":{"message":"[Enterprise
Search] Makes connector configuration entries wrap text (#151691)\n\n##
Summary\r\n\r\nThis fixes a word wrap issue for connector
configurations.\r\n\r\nBefore:\r\n<img width=\"975\" alt=\"Screenshot
2023-02-21 at 13 00
39\"\r\nsrc=\"https://user-images.githubusercontent.com/94373878/220341403-57815e30-0119-4ff2-843d-5d0f5d424072.png\">\r\nAfter:\r\n<img
width=\"667\" alt=\"Screenshot 2023-02-21 at 12 59
43\"\r\nsrc=\"https://user-images.githubusercontent.com/94373878/220341426-e68541ff-979a-48b4-a734-48450c5635b0.png\">","sha":"986b9b832d7cb9c59e160dddac25693329c2999d"}}]}]
BACKPORT-->

Co-authored-by: Sander Philipse <94373878+sphilipse@users.noreply.github.com>
This commit is contained in:
Kibana Machine 2023-02-21 09:19:16 -05:00 committed by GitHub
parent c40ce1e66f
commit 47ad464819
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions

View file

@ -45,7 +45,7 @@ export const ConnectorConfigurationConfig: React.FC = ({ children }) => {
displayList.length > 0 && (
<EuiFlexGroup direction="column">
<EuiFlexItem>
<EuiDescriptionList listItems={displayList} />
<EuiDescriptionList listItems={displayList} className="eui-textBreakWord" />
</EuiFlexItem>
<EuiFlexItem>
<EuiFlexGroup>

View file

@ -125,9 +125,10 @@ export const SelectConnector: React.FC = () => {
<EuiSpacer size="s" />
<EuiFlexGroup direction="row">
{NATIVE_CONNECTORS.map((nativeConnector) => (
<EuiFlexItem>
<EuiFlexItem key={nativeConnector.name}>
<ConnectorCheckable
{...nativeConnector}
name={nativeConnector.name}
serviceType={nativeConnector.serviceType}
onChange={() => setSelectedConnector(nativeConnector)}
documentationUrl={nativeConnector.docsUrl}
checked={nativeConnector === selectedNativeConnector}