Skip to content
This repository was archived by the owner on Mar 25, 2021. It is now read-only.

Start the tile and basic text part of the app#11

Merged
Ladsgroup merged 5 commits into
masterfrom
basic_text
Oct 1, 2020
Merged

Start the tile and basic text part of the app#11
Ladsgroup merged 5 commits into
masterfrom
basic_text

Conversation

@Ladsgroup
Copy link
Copy Markdown
Contributor

This doesn't have much in it, just building the header of the app
outlined in the mockup

Bug: T263564

This doesn't have much in it, just building the header of the app
outlined in the mockup

Bug: T263564
Empty string for now.
position: relative;
width: 1024px;
height: 349px;
padding: 40px; // $dimension-spacing-xlarge
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Should we use here the new spacing tokens???

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.

It's not released yet AFAIK. I couldn't use it directly, that's why I commented it so we can replace it once it's usable.

Copy link
Copy Markdown
Member

@jakobw jakobw left a comment

Choose a reason for hiding this comment

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

Looks pretty good! It's great to see the tokens in use in the SCSS :)
Found some small things to nitpick about as usual.

Comment thread src/components/QueryBuilder.vue Outdated
Comment thread src/components/QueryBuilder.vue Outdated
Comment thread tests/unit/querybuilder.spec.ts
Comment thread tests/unit/querybuilder.spec.ts Outdated
Comment thread src/components/QueryBuilder.vue Outdated
Comment on lines +5 to +8
Short explanatory text that also manages expectations. Short explanatory text that also
manages expectations.
</p>
<h4 class="querybuilder__find-title">Find all items...</h4>
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.

This should be an <h2> even if the h4 tokens are used, I think.

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.

In the figma there's nothing and only it's the css
image

I'm fine either way, maybe we should double check with the designers?

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.

I think this should only apply to the styling. As far as semantic markup goes the recommendation is pretty clear:

Avoid skipping heading levels: always start from <h1>, next use <h2> and so on.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements

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.

oh thanks then. I fix it.

They went missing after the change.
Copy link
Copy Markdown
Member

@jakobw jakobw left a comment

Choose a reason for hiding this comment

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

Looks good! Squash'n'merge! 🚀

@Ladsgroup Ladsgroup merged commit f40d216 into master Oct 1, 2020
@Ladsgroup Ladsgroup deleted the basic_text branch October 1, 2020 15:08
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants