diff options
| -rw-r--r-- | server/sonar-web/src/main/js/app/components/GlobalMessage.tsx | 6 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/app/components/GlobalMessagesContainer.tsx | 12 |
2 files changed, 8 insertions, 10 deletions
diff --git a/server/sonar-web/src/main/js/app/components/GlobalMessage.tsx b/server/sonar-web/src/main/js/app/components/GlobalMessage.tsx index ec0b49cc943..69ab6e07237 100644 --- a/server/sonar-web/src/main/js/app/components/GlobalMessage.tsx +++ b/server/sonar-web/src/main/js/app/components/GlobalMessage.tsx @@ -66,10 +66,8 @@ const MessageBox = styled.div<Pick<Message, 'level'>>` opacity: 0; animation: ${appearAnim} 0.2s ease forwards; - & + & { - margin-top: calc(${sizes.gridSize} / 2); - border-radius: 3px; - } + margin-top: calc(${sizes.gridSize} / 2); + border-radius: 3px; `; const CloseButton = styled(ClearButton)<Pick<Message, 'level'>>` diff --git a/server/sonar-web/src/main/js/app/components/GlobalMessagesContainer.tsx b/server/sonar-web/src/main/js/app/components/GlobalMessagesContainer.tsx index 64e718b1199..9e79b63086c 100644 --- a/server/sonar-web/src/main/js/app/components/GlobalMessagesContainer.tsx +++ b/server/sonar-web/src/main/js/app/components/GlobalMessagesContainer.tsx @@ -83,8 +83,8 @@ export default class GlobalMessagesContainer extends React.Component<{}, State> } return ( - <> - <MessagesContainer role="alert"> + <MessagesContainer> + <div role="alert"> {messages .filter((m) => m.level === MessageLevel.Error) .map((message) => ( @@ -94,8 +94,8 @@ export default class GlobalMessagesContainer extends React.Component<{}, State> message={message} /> ))} - </MessagesContainer> - <MessagesContainer role="status"> + </div> + <output> {messages .filter((m) => m.level === MessageLevel.Success) .map((message) => ( @@ -105,8 +105,8 @@ export default class GlobalMessagesContainer extends React.Component<{}, State> message={message} /> ))} - </MessagesContainer> - </> + </output> + </MessagesContainer> ); } } |