From 6f5398732786b42a1e23b26415ae2ba9bce75168 Mon Sep 17 00:00:00 2001
From: Ryan Laurie <30528226+iethree@users.noreply.github.com>
Date: Thu, 23 Feb 2023 11:32:08 -0700
Subject: [PATCH] fix props passing (#28551)
---
.../search/components/SearchResult.styled.jsx | 21 ++++++++++---------
1 file changed, 11 insertions(+), 10 deletions(-)
diff --git a/frontend/src/metabase/search/components/SearchResult.styled.jsx b/frontend/src/metabase/search/components/SearchResult.styled.jsx
index fe7df4e48fd..305eab7e110 100644
--- a/frontend/src/metabase/search/components/SearchResult.styled.jsx
+++ b/frontend/src/metabase/search/components/SearchResult.styled.jsx
@@ -64,17 +64,18 @@ export const ResultLink = styled(Link)`
const resultStyles = props => `
display: block;
- background-color: ${props =>
- props.isSelected ? lighten("brand", 0.63) : "transparent"};
- min-height: ${props => (props.compact ? "36px" : "54px")};
+ background-color: ${
+ props.isSelected ? lighten("brand", 0.63) : "transparent"
+ };
+ min-height: ${props.compact ? "36px" : "54px"};
padding-top: ${space(1)};
padding-bottom: ${space(1)};
padding-left: 14px;
- padding-right: ${props => (props.compact ? "20px" : space(3))};
- cursor: ${props => (props.active ? "pointer" : "default")};
+ padding-right: ${props.compact ? "20px" : space(3)};
+ cursor: ${props.active ? "pointer" : "default"};
&:hover {
- background-color: ${props => (props.acitve ? lighten("brand", 0.63) : "")};
+ background-color: ${props.acitve ? lighten("brand", 0.63) : ""};
h3 {
color: ${props =>
@@ -88,8 +89,8 @@ const resultStyles = props => `
text-decoration-style: dashed;
&:hover {
- color: ${props => (props.active ? color("brand") : "")};
- text-decoration-color: ${props => (props.active ? color("brand") : "")};
+ color: ${props.active ? color("brand") : ""};
+ text-decoration-color: ${props.active ? color("brand") : ""};
}
}
@@ -101,11 +102,11 @@ const resultStyles = props => `
}
h3 {
- font-size: ${props => (props.compact ? "14px" : "16px")};
+ font-size: ${props.compact ? "14px" : "16px"};
line-height: 1.2em;
overflow-wrap: anywhere;
margin-bottom: 0;
- color: ${props => (props.active && props.isSelected ? color("brand") : "")};
+ color: ${props.active && props.isSelected ? color("brand") : ""};
}
.Icon-info {
--
GitLab