Skip to content

Conversation

@vivekkozhisseri
Copy link

Fixed padding issues and other alignment issues for the below Input elements.

  • Input.Text
  • Input.Number
  • Input.Date
  • Input.Time
  • Input.Toggle

Copy link

@IbrahimSulai IbrahimSulai left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link

@pragadeeshk pragadeeshk left a comment

Choose a reason for hiding this comment

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

LGTM

@vivekkozhisseri vivekkozhisseri merged commit abf5c10 into reactnative/release-2.2.11 Sep 1, 2021
@vivekkozhisseri vivekkozhisseri deleted the reactnative/input-padding-issue-fix branch September 1, 2021 17:55
vivekkozhisseri pushed a commit that referenced this pull request Sep 20, 2021
* Upgraded the version to 2.2.9

* [React-Native] Screen reader accessibility fixes (microsoft#5982)

* acc fixes

* Switch-Android accessibility

* Change role of picker

* Prevent focus on image in absence of altText

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Updated the alignment and margin styles for the container, columnset, column, wrapper and image component (microsoft#6041)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Added theme config support for picker and dateTimePicker (microsoft#6054)

* Accessibility fix for inline-actions on inputs (microsoft#6060)

* Fix for inline-actions

* Input label

* fact - set

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Handled the bleed property. In web its not having condition for fist and last. so removed this condition (microsoft#6084)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* bg image shouldnt be focussed if altText is not present (microsoft#6096)

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Reactnative/handle bleed (microsoft#6163)

* Handled the bleed property. In web its not having condition for fist and last. so removed this condition

* Handled vertical content alignment and spacing none for the column

* Handled the rich text block with/without paragraph

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Resolved android picker styling issues (microsoft#6179)

* Theming suppor to Input.Toggle (microsoft#6191)

* Theming to switch?

* comment

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Accessibility fix for inline-actions on inputs (microsoft#6060)

* Fix for inline-actions

* Input label

* fact - set

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Handled the bleed property. In web its not having condition for fist and last. so removed this condition (microsoft#6084)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* bg image shouldnt be focussed if altText is not present (microsoft#6096)

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Reactnative/handle bleed (microsoft#6163)

* Handled the bleed property. In web its not having condition for fist and last. so removed this condition

* Handled vertical content alignment and spacing none for the column

* Handled the rich text block with/without paragraph

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Resolved android picker styling issues (microsoft#6179)

* Theming suppor to Input.Toggle (microsoft#6191)

* Theming to switch?

* comment

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Reactnative/handle vertical content alignment (#4)

* Accessibility fix for inline-actions on inputs (microsoft#6060)

* Fix for inline-actions

* Input label

* fact - set

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Handled the bleed property. In web its not having condition for fist and last. so removed this condition (microsoft#6084)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* bg image shouldnt be focussed if altText is not present (microsoft#6096)

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Reactnative/handle bleed (microsoft#6163)

* Handled the bleed property. In web its not having condition for fist and last. so removed this condition

* Handled vertical content alignment and spacing none for the column

* Handled the rich text block with/without paragraph

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Resolved android picker styling issues (microsoft#6179)

* Theming suppor to Input.Toggle (microsoft#6191)

* Theming to switch?

* comment

Co-authored-by: Supreet Singh <supsing@microsoft.com>

* Handled the vertical content alignment for container, column and columnset

* Updated the snapshot

Co-authored-by: Supreet Singh <supreet51.cs@gmail.com>
Co-authored-by: Supreet Singh <supsing@microsoft.com>
Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>
Co-authored-by: Vivek Kozhisseri <vivekvijayakrishnan@gmail.com>

* Revert "Reactnative/handle vertical content alignment (#4)"

This reverts commit f759c88.

* Updated Author details (#8)

* Revert "Revert "Reactnative/handle vertical content alignment (#4)"" (#9)

This reverts commit eb65e81.

* Handled the Vertical Content Alignment and bleed property is hgandled for padding space. Intentionally commiting the commented code in container and element wrapper class, we will remove once VCA for column set is handled (#10)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Handled the Vertical content alignment and padding for the root level component (#11)

* Hdndled the Vertical content alignment and padding for the root level components

* Handled VCA columnset in the conatiner

* Removed the padding for intermidiate components. Applied only to root component

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Updated version and repo

* Implemented the underline property for thye textRun (#12)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Fixed padding issues and other alignment issues in `Input` elements (#14)

* Fixed padding issues and other alighment issues

* Resolved comments

* Updated the margin and padding for the action items dynamically (#13)

* Updated the margin and padding for the action items dynamically

* Updated the horizobntal alignemnet with stretch scenario and isEnabled is handled for custom actions

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* Removed the underline color (#17)

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>

* rtb italic, strikethrough (#18)

Co-authored-by: Mohd Zaid <zanaseem@microsoft.com>

* Accessibility Fix (#6)

* Accessibility Fix

* single line link

* double focus fix

* add import

* add back rtb without paragraph

* Add rich text block hyperlink for validation

* Update payload

Co-authored-by: Supreet Singh <supsing@microsoft.com>

Co-authored-by: Ibrahim Sulaiman <ibrahim.sulaiman@imaginea.com>
Co-authored-by: Supreet Singh <supreet51.cs@gmail.com>
Co-authored-by: Supreet Singh <supsing@microsoft.com>
Co-authored-by: IbrahimSulai <33604125+IbrahimSulai@users.noreply.github.com>
Co-authored-by: Vivek Kozhisseri <vivek@Viveks-MacBook-Pro.local>
Co-authored-by: Zaid Naseem <72800429+Zaidos9@users.noreply.github.com>
Co-authored-by: Mohd Zaid <zanaseem@microsoft.com>
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.

5 participants