diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-right-arrow.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-right-arrow.svg index 0f43cef49c7..10ad6c708b4 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-right-arrow.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-right-arrow.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/openmetadata-ui/src/main/resources/ui/src/components/SettingsSso/SettingsSso.tsx b/openmetadata-ui/src/main/resources/ui/src/components/SettingsSso/SettingsSso.tsx index 57da0e9719f..b7a107511fe 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/SettingsSso/SettingsSso.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/SettingsSso/SettingsSso.tsx @@ -343,7 +343,11 @@ const SettingsSso = () => { if (isLoading) { return ( - + ); @@ -353,7 +357,11 @@ const SettingsSso = () => { if (showProviderSelector) { return ( - +
{ if (!hasExistingConfig) { return ( - + { return ( - +
{currentProvider && currentProvider !== AuthProvider.Basic && ( diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx index 03e5b77c719..6acd216d42b 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx @@ -20,6 +20,7 @@ import { useState, } from 'react'; import { Link } from 'react-router-dom'; +import { ReactComponent as RightArrowIcon } from '../../../assets/svg/ic-right-arrow.svg'; import { BREADCRUMB_SEPARATOR } from '../../../constants/constants'; import TitleBreadcrumbSkeleton from '../Skeleton/BreadCrumb/TitleBreadcrumbSkeleton.component'; import './title-breadcrumb.less'; @@ -31,6 +32,7 @@ const TitleBreadcrumb: FunctionComponent = ({ noLink = false, loading = false, widthDeductions, + useCustomArrow = false, }: TitleBreadcrumbProps) => { const [screenWidth, setScreenWidth] = useState(window.innerWidth); @@ -79,9 +81,15 @@ const TitleBreadcrumb: FunctionComponent = ({ }}> {link.name} - {noLink && index < titleLinks.length - 1 && ( - {'>'} - )} + {noLink && + index < titleLinks.length - 1 && + (useCustomArrow ? ( + + + + ) : ( + {'>'} + ))} ); }; @@ -117,9 +125,15 @@ const TitleBreadcrumb: FunctionComponent = ({ {link.name} - - {BREADCRUMB_SEPARATOR} - + {useCustomArrow ? ( + + + + ) : ( + + {BREADCRUMB_SEPARATOR} + + )} ) : ( renderBreadcrumb(index, link, classes) diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts index 2fc5ccaf8c2..9ef799c6a84 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts @@ -26,4 +26,5 @@ export type TitleBreadcrumbProps = { noLink?: boolean; loading?: boolean; widthDeductions?: number; + useCustomArrow?: boolean; }; diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less index 115630ca7be..05bb7622a46 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less @@ -10,6 +10,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +@import (reference) '../../../styles/variables.less'; .breadcrumb-container { ol, ul { @@ -17,4 +18,8 @@ padding: 0; margin: 0; } + + .custom-separator { + margin: 0 @size-xs @size-xxs @size-xs; + } }