github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

fix styling issues (#135406)

Browse source
This commit is contained in:
Joe Reuter 2022-06-29 15:08:36 +02:00 • committed by GitHub
parent d1ac92c56c
commit b590240d93
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 75 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/plugins/charts/public/static/components/empty_placeholder.tsx
View file

@ -34,16 +34,11 @@ export const EmptyPlaceholder = ({
dataTestSubj = 'emptyPlaceholder',
className,
}: EmptyPlaceholderProps) => (
<EuiText
data-test-subj={dataTestSubj}
css={style}
className={className}
textAlign="center"
color="subdued"
size="xs"
>
<EuiIcon type={icon} color={iconColor} size="l" />
<EuiSpacer size="s" />
<p>{message}</p>
</EuiText>
<div className={className} css={style}>
<EuiText data-test-subj={dataTestSubj} textAlign="center" color="subdued" size="xs">
<EuiIcon type={icon} color={iconColor} size="l" />
<EuiSpacer size="s" />
<p>{message}</p>
</EuiText>
</div>
);

2
x-pack/plugins/lens/public/editor_frame_service/editor_frame/suggestion_panel.tsx
View file

@ -146,7 +146,7 @@ const SuggestionPreview = ({
<EuiToolTip content={preview.title}>
<div data-test-subj={`lnsSuggestion-${camelCase(preview.title)}`}>
<EuiPanel
hasBorder
hasBorder={true}
hasShadow={false}
className={classNames('lnsSuggestionPanel__button', {
'lnsSuggestionPanel__button-isSelected': selected,

130
x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel.tsx
View file

@ -374,46 +374,48 @@ export const InnerWorkspacePanel = React.memo(function InnerWorkspacePanel({
data-test-subj="workspace-drag-drop-prompt"
size="s"
>
<DropIllustration
aria-hidden={true}
className={classNames(
'lnsWorkspacePanel__promptIllustration',
'lnsWorkspacePanel__dropIllustration'
)}
/>
<h2>
<strong>
{!expressionExists
? i18n.translate('xpack.lens.editorFrame.emptyWorkspace', {
defaultMessage: 'Drop some fields here to start',
})
: i18n.translate('xpack.lens.editorFrame.emptyWorkspaceSimple', {
defaultMessage: 'Drop field here',
})}
</strong>
</h2>
{!expressionExists && (
<>
<EuiTextColor color="subdued" component="div">
<p>
{i18n.translate('xpack.lens.editorFrame.emptyWorkspaceHeading', {
defaultMessage: 'Lens is the recommended editor for creating visualizations',
})}
<div>
<DropIllustration
aria-hidden={true}
className={classNames(
'lnsWorkspacePanel__promptIllustration',
'lnsWorkspacePanel__dropIllustration'
)}
/>
<h2>
<strong>
{!expressionExists
? i18n.translate('xpack.lens.editorFrame.emptyWorkspace', {
defaultMessage: 'Drop some fields here to start',
})
: i18n.translate('xpack.lens.editorFrame.emptyWorkspaceSimple', {
defaultMessage: 'Drop field here',
})}
</strong>
</h2>
{!expressionExists && (
<>
<EuiTextColor color="subdued" component="div">
<p>
{i18n.translate('xpack.lens.editorFrame.emptyWorkspaceHeading', {
defaultMessage: 'Lens is the recommended editor for creating visualizations',
})}
</p>
</EuiTextColor>
<p className="lnsWorkspacePanel__actions">
<EuiLink
href="https://www.elastic.co/products/kibana/feedback"
target="_blank"
external
>
{i18n.translate('xpack.lens.editorFrame.goToForums', {
defaultMessage: 'Make requests and give feedback',
})}
</EuiLink>
</p>
</EuiTextColor>
<p className="lnsWorkspacePanel__actions">
<EuiLink
href="https://www.elastic.co/products/kibana/feedback"
target="_blank"
external
>
{i18n.translate('xpack.lens.editorFrame.goToForums', {
defaultMessage: 'Make requests and give feedback',
})}
</EuiLink>
</p>
</>
)}
</>
)}
</div>
</EuiText>
);
};
@ -430,30 +432,32 @@ export const InnerWorkspacePanel = React.memo(function InnerWorkspacePanel({
data-test-subj="workspace-apply-changes-prompt"
size="s"
>
<img
aria-hidden={true}
src={IS_DARK_THEME ? applyChangesIllustrationDark : applyChangesIllustrationLight}
alt={applyChangesString}
className="lnsWorkspacePanel__promptIllustration"
/>
<h2>
<strong>
{i18n.translate('xpack.lens.editorFrame.applyChangesWorkspacePrompt', {
defaultMessage: 'Apply changes to render visualization',
})}
</strong>
</h2>
<p className="lnsWorkspacePanel__actions">
<EuiButtonEmpty
size="s"
className={DONT_CLOSE_DIMENSION_CONTAINER_ON_CLICK_CLASS}
iconType="checkInCircleFilled"
onClick={() => dispatchLens(applyChanges())}
data-test-subj="lnsApplyChanges__workspace"
>
{applyChangesString}
</EuiButtonEmpty>
</p>
<div>
<img
aria-hidden={true}
src={IS_DARK_THEME ? applyChangesIllustrationDark : applyChangesIllustrationLight}
alt={applyChangesString}
className="lnsWorkspacePanel__promptIllustration"
/>
<h2>
<strong>
{i18n.translate('xpack.lens.editorFrame.applyChangesWorkspacePrompt', {
defaultMessage: 'Apply changes to render visualization',
})}
</strong>
</h2>
<p className="lnsWorkspacePanel__actions">
<EuiButtonEmpty
size="s"
className={DONT_CLOSE_DIMENSION_CONTAINER_ON_CLICK_CLASS}
iconType="checkInCircleFilled"
onClick={() => dispatchLens(applyChanges())}
data-test-subj="lnsApplyChanges__workspace"
>
{applyChangesString}
</EuiButtonEmpty>
</p>
</div>
</EuiText>
);
};