Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix styles of supported storage panels #4007

Merged
merged 2 commits into from
May 30, 2023
Merged

Fix styles of supported storage panels #4007

merged 2 commits into from
May 30, 2023

Conversation

mattseddon
Copy link
Member

@mattseddon mattseddon commented May 30, 2023

3/4 main <- #4005 <- #4006 <- this <- #4004

This PR fixes the styles applied to the <SupportedStorage /> component.

Demo

Screen.Recording.2023-05-30.at.1.51.11.pm.mov

@mattseddon mattseddon self-assigned this May 30, 2023
@mattseddon mattseddon changed the base branch from main to add-shared-component May 30, 2023 03:56
@mattseddon mattseddon marked this pull request as ready for review May 30, 2023 03:56
@mattseddon mattseddon requested review from sroy3 and julieg18 as code owners May 30, 2023 03:56
@@ -7,7 +7,7 @@ export const CloudVersioning: React.FC<PropsWithChildren> = ({ children }) => (
<>
<InfoText>
<CloudVersioningLink /> requires {children}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

children should probably be in a styled span that fixes the formatting problem rather than inserting newlines. Or maybe To enable run: should be inside its own p element.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I missed a few \n in the previous review as well. We should not rely on them for styling / formatting, but rather use tags and css to do so.

@@ -15,7 +15,7 @@ export const AzureBlobStorage = () => (
<a href="https://learn.microsoft.com/en-us/azure/storage/blobs/versioning-overview">
Blob versioning
</a>{' '}
enabled on the storage account and container.
enabled on the storage account{'\n'}and container.{' '}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe it has been already discussed in a previous pr, but why are we adding these new lines in the first place? I'm not seeing the docs use new lines unless they're starting a new paragraph entirely.

image

Are we doing it to help emphasize certain lines? If so, maybe we should consider rewording text or using methods such as making keywords bold/italic?

@mattseddon mattseddon force-pushed the add-shared-component branch from f6c5d69 to e02ed47 Compare May 30, 2023 22:43
Base automatically changed from add-shared-component to main May 30, 2023 23:03
@mattseddon mattseddon enabled auto-merge (squash) May 30, 2023 23:04
@codeclimate
Copy link

codeclimate bot commented May 30, 2023

Code Climate has analyzed commit 71ecae9 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (85% is the threshold).

This pull request will bring the total coverage in the repository to 95.2% (0.0% change).

View more on Code Climate.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants