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: issue #558 fixing the spacer and some of the spacing glitches #574

Closed
wants to merge 1 commit into from

Conversation

gullerya
Copy link
Contributor

closes #558
Also, BTW way of touching this area I've came across few inconsistencies in the helper line - all are aligned in this PR.

@github-actions
Copy link

🚀

Latest successful build of the PR deployed here.

🚀

@sonarqubecloud
Copy link

sonarqubecloud bot commented Jan 13, 2021

SonarCloud Quality Gate failed.

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
8.3% 8.3% Duplication

@github-actions
Copy link

File Coverage
All files 80%
common/context/src/vvd-context.ts 96%
common/fonts/src/vvd-fonts.ts 83%
common/foundation/src/form-association/associate-with-form.ts 89%
common/foundation/src/form-association/common.ts 90%
common/foundation/src/form-association/submit-on-enter-key.ts 80%
common/scheme/src/os-sync.utils.ts 58%
common/scheme/src/vvd-scheme-style-tag-handler.ts 79%
common/scheme/src/vvd-scheme.ts 82%
components/audio/src/vwc-audio.ts 60%
components/button/src/vwc-button.ts 79%
components/carousel/src/vwc-carousel.ts 71%
components/drawer/src/vwc-drawer.ts 42%
components/fab/src/vwc-fab.ts 63%
components/file-picker/src/vwc-file-picker.ts 67%
components/icon-button-toggle/src/vwc-icon-button-toggle.ts 67%
components/icon-button/src/vwc-icon-button.ts 88%
components/icon/src/vwc-icon.js 92%
components/list/src/vwc-list-expansion-panel.ts 73%
components/list/src/vwc-list-item.ts 80%
components/media-controller/src/vwc-media-controller.ts 84%
components/select/src/vwc-select.ts 90%
components/slider/src/vwc-slider.ts 88%
components/textarea/src/vwc-textarea.ts 81%
components/textfield/src/vwc-textfield.ts 90%
components/theme-switch/src/vwc-theme-switch.ts 88%

Minimum allowed coverage is 75%

Generated by 🐒 cobertura-action against 2c1ec4e

}
}

.mdc-select {
& + .mdc-select-helper-line {
--mdc-theme-error: var(--mdc-select-ink-color);
min-height: 16px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Like you've done here let's also set the vwc-textfield helper-line to min-height: 16px.
We could also use min-block-size if preferred

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Great, min-block-size is even better and thanks for the feedback!
I'll fix it here, but even more than this - can you please look onto the next PR (that one externalized the whole helper line, so if we'll go with it - the present one becomes obsolete).

.spacer {
flex-basis: 14px;
.mdc-select-helper-text::before {
display: inline;
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
display: inline;
display: none; // originally inline-block breaks layout with 3px extra white space

We no longer rely on this ::before element for helper-line height, so may be safer to remove?

@gullerya
Copy link
Contributor Author

fixed by #575 , no need to keep this

@gullerya gullerya closed this Jan 15, 2021
@gullerya gullerya deleted the iss-558-remove-spacer-element branch January 15, 2021 13:18
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.

Remove .spacer element in input fields
2 participants