diff --git a/redisinsight/ui/src/components/markdown/CodeButtonBlock/components/RunConfirmationPopover.tsx b/redisinsight/ui/src/components/markdown/CodeButtonBlock/components/RunConfirmationPopover.tsx index 0fae201177..7bac22935e 100644 --- a/redisinsight/ui/src/components/markdown/CodeButtonBlock/components/RunConfirmationPopover.tsx +++ b/redisinsight/ui/src/components/markdown/CodeButtonBlock/components/RunConfirmationPopover.tsx @@ -7,6 +7,7 @@ import { setDBConfigStorageField } from 'uiSrc/services' import { ConfigDBStorageItem } from 'uiSrc/constants/storage' import { FeatureFlagComponent } from 'uiSrc/components' import { Spacer } from 'uiSrc/components/base/layout/spacer' +import { Row } from 'uiSrc/components/base/layout/flex' import { PrimaryButton, SecondaryButton, @@ -67,7 +68,7 @@ const RunConfirmationPopover = ({ onApply }: Props) => { aria-label="checkbox do not show agan" />
-
+ { > Run -
+
) diff --git a/redisinsight/ui/src/components/navigation-menu/components/notifications-center/Notification/Notification.tsx b/redisinsight/ui/src/components/navigation-menu/components/notifications-center/Notification/Notification.tsx index 06af7291da..86a07f1e8d 100644 --- a/redisinsight/ui/src/components/navigation-menu/components/notifications-center/Notification/Notification.tsx +++ b/redisinsight/ui/src/components/navigation-menu/components/notifications-center/Notification/Notification.tsx @@ -10,6 +10,7 @@ import { truncateText } from 'uiSrc/utils' import { FlexItem, Row } from 'uiSrc/components/base/layout/flex' import { TitleSize, Title } from 'uiSrc/components/base/text/Title' import { Text } from 'uiSrc/components/base/text' +import { Spacer } from 'uiSrc/components/base/layout' import { RiBadge } from 'uiSrc/components/base/display/badge/RiBadge' import styles from '../styles.module.scss' @@ -31,10 +32,9 @@ const Notification = (props: Props) => { > {notification.title} - + @@ -43,7 +43,7 @@ const Notification = (props: Props) => { - + {format(notification.timestamp * 1000, NOTIFICATION_DATE_FORMAT)} diff --git a/redisinsight/ui/src/pages/browser/components/load-sample-data/styles.module.scss b/redisinsight/ui/src/pages/browser/components/load-sample-data/styles.module.scss index 5b932ca159..3a04794d5d 100644 --- a/redisinsight/ui/src/pages/browser/components/load-sample-data/styles.module.scss +++ b/redisinsight/ui/src/pages/browser/components/load-sample-data/styles.module.scss @@ -1,15 +1,3 @@ .popover { min-width: 380px !important; } - -.buttonWrapper { - .loadDataBtn { - height: 36px !important; - - :global(.euiButton__text) { - font-size: 14px !important; - font-weight: 400 !important; - } - } -} - diff --git a/redisinsight/ui/src/pages/browser/modules/key-details/components/list-details/remove-list-elements/RemoveListElements.tsx b/redisinsight/ui/src/pages/browser/modules/key-details/components/list-details/remove-list-elements/RemoveListElements.tsx index 581bc827a9..c8f6f555f9 100644 --- a/redisinsight/ui/src/pages/browser/modules/key-details/components/list-details/remove-list-elements/RemoveListElements.tsx +++ b/redisinsight/ui/src/pages/browser/modules/key-details/components/list-details/remove-list-elements/RemoveListElements.tsx @@ -261,24 +261,30 @@ const RemoveListElements = (props: Props) => { /> - - } - > - - - + + + + + + + + {!canRemoveMultiple ? ( + {InfoBoxPopover()} + ) : ( + <> + )} + diff --git a/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/components/add-item/ConfirmOverwrite.tsx b/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/components/add-item/ConfirmOverwrite.tsx index 4c64944ceb..ed45950d93 100644 --- a/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/components/add-item/ConfirmOverwrite.tsx +++ b/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/components/add-item/ConfirmOverwrite.tsx @@ -7,7 +7,8 @@ import { } from 'uiSrc/components/base/forms/buttons' import { Text } from 'uiSrc/components/base/text' import { RiPopover } from 'uiSrc/components/base' -import styles from '../../styles.module.scss' +import { Row } from 'uiSrc/components/base/layout/flex' +import { Spacer } from 'uiSrc/components/base/layout' interface ConfirmOverwriteProps { isOpen: boolean @@ -37,8 +38,8 @@ const ConfirmOverwrite = ({ You already have the same JSON key. If you proceed, a value of the existing JSON key will be overwritten. - -
+ + Overwrite -
+ ) diff --git a/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/styles.module.scss b/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/styles.module.scss index 38dfe3d662..8d44d12473 100644 --- a/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/styles.module.scss +++ b/redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/styles.module.scss @@ -269,20 +269,6 @@ max-width: none; } -.confirmDialogActions { - display: flex; - justify-content: flex-end; - margin-top: 16px; - - button { - margin-left: 8px; - - &:first-of-type { - margin-left: 0; - } - } -} - .actions { margin-top: 1em; display: flex; diff --git a/redisinsight/ui/src/styles/components/_popover.scss b/redisinsight/ui/src/styles/components/_popover.scss index 5e3df7aceb..4b4331a915 100644 --- a/redisinsight/ui/src/styles/components/_popover.scss +++ b/redisinsight/ui/src/styles/components/_popover.scss @@ -35,22 +35,5 @@ } .popoverLikeTooltip { - border: none; max-width: 267px !important; - background-color: var(--euiTooltipBackgroundColor) !important; - .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after { - border-bottom-color: var(--euiTooltipBackgroundColor) !important; - } - - .euiPopover__panelArrow.euiPopover__panelArrow--right:after { - border-right-color: var(--euiTooltipBackgroundColor) !important; - } - - .euiPopover__panelArrow.euiPopover__panelArrow--left:after { - border-left-color: var(--euiTooltipBackgroundColor) !important; - } - - .euiPopover__panelArrow.euiPopover__panelArrow--top:after { - border-top-color: var(--euiTooltipBackgroundColor) !important; - } }