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"
/>
>
)
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;
- }
}