Skip to content

UI: Refactor Hosting Policy page#1121

Open
rosalieper wants to merge 2 commits intomainfrom
T422593
Open

UI: Refactor Hosting Policy page#1121
rosalieper wants to merge 2 commits intomainfrom
T422593

Conversation

@rosalieper
Copy link
Copy Markdown
Contributor

Bug: T422593

@github-actions
Copy link
Copy Markdown

Deployment previews on netlify for branch refs/pull/1121/merge will be at the following locations (when build is done):

Copy link
Copy Markdown
Member

@outdooracorn outdooracorn left a comment

Choose a reason for hiding this comment

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

Managed to do a quick review.

I would comment out all the custom CSS and see how far you can get with Vuetify-native CSS classes. Reach out for collaboration if that is proving difficult. If we have to add custom CSS we should also write a comment explaining why it was necessary.

Copy link
Copy Markdown
Member

@outdooracorn outdooracorn left a comment

Choose a reason for hiding this comment

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

Another quick review with some nitpicks. We are getting there :D

<h3 id="target-audience">1.1 Target Audience</h3>
<ul>
<h3 class="mb-3 mt-6" id="target-audience">1.1 Target Audience</h3>
<ul class="pl-5 mb-3">
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Vuetify2 has a padding-left: 24px on ul elements by default (equivalent to a pl-6 class). So pl-5 will reduce the padding by default. Was this intentional? I'm inclined to just use the defaults.

Let's also use mb-4 to match the bottom padding of p elements.

Suggested change
<ul class="pl-5 mb-3">
<ul class="mb-4">

Let's do the same for the other ul elements too (except for lists nested in other lists).

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I wanted the design to remain close enough to the current one. So I tried to stay with the original style where possible. The css I deleted reduced the default ul padding

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I will do as you suggested

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks, I think we weren't super clear about whether this change had to match the existing CSS exactly. Sorry about that!

You are also right in that a refactor shouldn't change the functionality.

<li><strong>Local policies</strong> set by individual communities for their Cloud instances are out of scope for this document; they can operate independently, but within the boundaries defined here.</li>
<li>In a broader context of the Wikibase ecosystem, it also complements:</li>
<ul>
<ul class="mt-2 mb-2">
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

  • mb-2 doesn't have an effect because of the margins on the parent list.
  • I don't think we want mt-2 in this nested list.
Suggested change
<ul class="mt-2 mb-2">
<ul>

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants