diff options
| author | Viktor Vorona <viktor.vorona@sonarsource.com> | 2024-01-26 11:11:32 +0100 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2024-01-30 15:02:03 +0000 |
| commit | 4edb157cedb8327b0417bd7a9e472ff145f79445 (patch) | |
| tree | 77545dfdec7b8b43886489ee6056bcf961ad4331 /server/sonar-web/design-system | |
| parent | d95da9d9c71190ee47bb3028bea7d1208f36c87d (diff) | |
| download | sonarqube-4edb157cedb8327b0417bd7a9e472ff145f79445.tar.gz sonarqube-4edb157cedb8327b0417bd7a9e472ff145f79445.zip | |
SONAR-21480 migrate authentication tabs to MIUI
Diffstat (limited to 'server/sonar-web/design-system')
| -rw-r--r-- | server/sonar-web/design-system/src/components/FlagMessage.tsx | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/server/sonar-web/design-system/src/components/FlagMessage.tsx b/server/sonar-web/design-system/src/components/FlagMessage.tsx index 767af9b1631..47fb9b9fa58 100644 --- a/server/sonar-web/design-system/src/components/FlagMessage.tsx +++ b/server/sonar-web/design-system/src/components/FlagMessage.tsx @@ -71,10 +71,12 @@ export function FlagMessage(props: Props & React.HTMLAttributes<HTMLDivElement>) className={classNames('alert', className)} {...domProps} > - <div className="flag-inner"> - <div className="flag-icon">{variantInfo.icon}</div> - <div className="flag-content">{props.children}</div> - </div> + {props.children && ( + <div className="flag-inner"> + <div className="flag-icon">{variantInfo.icon}</div> + <div className="flag-content">{props.children}</div> + </div> + )} </StyledFlag> ); } @@ -117,6 +119,10 @@ export const StyledFlag = styled.div<{ border: ${({ borderColor }) => themeBorder('default', borderColor)}; background-color: ${themeColor('flagMessageBackground')}; + :empty { + display: none; + } + & > .flag-inner { ${tw`sw-flex sw-items-stretch`} ${tw`sw-box-border`} |