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

Implement Material for Dropdownlist - Kendo UI #40

Closed
mvgmvg opened this issue Feb 26, 2018 · 4 comments

Comments

Projects
None yet
2 participants
@mvgmvg
Copy link
Contributor

commented Feb 26, 2018

@mvgmvg mvgmvg added the C:Dialog label Feb 26, 2018

@mvgmvg mvgmvg self-assigned this Feb 26, 2018

@mvgmvg mvgmvg added C:Dropdownlist and removed C:Dialog labels Feb 26, 2018

@mvgmvg mvgmvg changed the title Implement Material for Dialog - Kendo UI Implement Material for Dropdownlist - Kendo UI Feb 26, 2018

@Dimitar-Goshev

This comment has been minimized.

Copy link
Contributor

commented Mar 8, 2018

  • Bottom border width should become 2px on hover - textbox rendering makes a limitation of using ripple effect in textbox
  • Bottom border of disabled DropDownList is not dotted
  • The expand arrow of DropDownList does not change its direction upwards in expanded state.
  • The expand arrow of invalid DropDownList (class k-state-invalid added) is red, but by design its color should not change - same as ComboBox:
    image
  • Invalid state should have 2px border - part of Ripple, to be implemented with Ripple
  • If an invalid DropDownList (class k-state-invalid added) is hovered, the normal hover state is applied - bottom border is not red anymore.
  • Displaced loading icon, similar to AutoComplete:
    image
  • Grouping - missing design - logged for implementation

mvgmvg added a commit that referenced this issue Mar 13, 2018

@mvgmvg

This comment has been minimized.

Copy link
Contributor Author

commented Mar 14, 2018

Waiting for design for grouping implementation to finish the issue.

mvgmvg added a commit that referenced this issue Mar 14, 2018

mvgmvg added a commit that referenced this issue Apr 4, 2018

gyoshev added a commit that referenced this issue Apr 5, 2018

chore(dropdowns): add styles for grouping headers (#109)
* chore(dropdowns): add styles for grouping headers

#40 #43 #44 #45

* chore(dropdowns): improve grouping variables

#109
@Dimitar-Goshev

This comment has been minimized.

Copy link
Contributor

commented Apr 10, 2018

  • Grouping header is not all caps and it should be higher than other items - design:
    image
  • RTL - Loading icon is not on the left:
    image

mvgmvg added a commit that referenced this issue Apr 11, 2018

gyoshev added a commit that referenced this issue Apr 11, 2018

chore(dropdowns): add styles for grouping headers (#109)
* chore(dropdowns): add styles for grouping headers

#40 #43 #44 #45

* chore(dropdowns): improve grouping variables

#109

gyoshev added a commit that referenced this issue Apr 11, 2018

mvgmvg added a commit that referenced this issue Apr 11, 2018

mvgmvg added a commit that referenced this issue Apr 11, 2018

mvgmvg added a commit that referenced this issue Apr 11, 2018

mvgmvg added a commit that referenced this issue Apr 16, 2018

@Dimitar-Goshev

This comment has been minimized.

Copy link
Contributor

commented Apr 16, 2018

  • Server filtering textbox is not styled as Text field box - https://material-components-web.appspot.com/text-field.html - Still not following design below: in our case, the filter input should have the same height as a default input because of the missing the label.
    image
  • Not vertically centered server filtering icon - currently OK, butto be retested after implementing point above: the icon will have proper horizontal positioning after all material icons become 24 pixels wide.
    image
  • Server filtering icon does not change its place in RTL.
  • Group tags are not swapped in RTL (All SASS themes):
    image

mvgmvg added a commit that referenced this issue Apr 18, 2018

chore(dropdowns): improve dropdowns appearance
- position correctly multiselect placeholder
- center loading icon vertically
- fix wrong groups tags position in RTL
- place loading icon for inputs (mult-row multiselect) on the bottom line
#40 #43 #44 #45

mvgmvg added a commit that referenced this issue Apr 18, 2018

mvgmvg added a commit that referenced this issue Apr 19, 2018

mvgmvg added a commit that referenced this issue Apr 23, 2018

chore(dropdowns): improve dropdowns appearance
- position correctly multiselect placeholder
- center loading icon vertically
- fix wrong groups tags position in RTL
- place loading icon for inputs (mult-row multiselect) on the bottom line
#40 #43 #44 #45

mvgmvg added a commit that referenced this issue Apr 23, 2018

chore(dropdowns): improve dropdowns appearance
- position correctly multiselect placeholder
- center loading icon vertically
- fix wrong groups tags position in RTL
- place loading icon for inputs (mult-row multiselect) on the bottom line
#40 #43 #44 #45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.