Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

md-autocomplete panel doesn't inherit dark theme #11202

Closed
rudzikdawid opened this issue Mar 30, 2018 · 0 comments
Closed

md-autocomplete panel doesn't inherit dark theme #11202

rudzikdawid opened this issue Mar 30, 2018 · 0 comments
Assignees
Labels
has: Pull Request A PR has been created to address this issue P4: minor Minor issues. May not be fixed without community contributions. resolution: fixed severity: inconvenient type: bug ui: CSS ui: theme
Milestone

Comments

@rudzikdawid
Copy link
Contributor

rudzikdawid commented Mar 30, 2018

screen of issue:
light automplete in dark theme

in material1 implementation there is render issue. light autocomplete panel in dark theme.
material2 has proper implementation dark autocomplete panel in dark theme.
https://material.angular.io/components/autocomplete/examples

automplete in dark theme should look like:
dark automplete in dark theme

PR: #11203
fixed scss styles:

md-autocomplete.md-THEME_NAME-theme {
  background: '{{background-hue-1}}';
  &[disabled]:not([md-floating-label]) {
    background: '{{background-hue-2}}';

 input {
    color: '{{foreground-1}}';
  }
}


.md-autocomplete-suggestions-container.md-THEME_NAME-theme {
  background: '{{background-hue-1}}';
  li {
    color: '{{foreground-1}}';
    
    &:hover,
    &.selected {
      background: '{{background-300-0.2}}';
    }

  }
}
rudzikdawid added a commit to rudzikdawid/material that referenced this issue Mar 30, 2018
rudzikdawid added a commit to rudzikdawid/material that referenced this issue Mar 30, 2018
@Splaktar Splaktar added this to the 1.1.9 milestone Apr 5, 2018
@Splaktar Splaktar added type: bug ui: theme ui: CSS for: external contributor severity: inconvenient P4: minor Minor issues. May not be fixed without community contributions. has: Pull Request A PR has been created to address this issue labels Apr 5, 2018
rudzikdawid added a commit to rudzikdawid/material that referenced this issue Apr 5, 2018
rudzikdawid added a commit to rudzikdawid/material that referenced this issue Apr 5, 2018
rudzikdawid added a commit to rudzikdawid/material that referenced this issue Apr 8, 2018
@Splaktar Splaktar self-assigned this Apr 10, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
has: Pull Request A PR has been created to address this issue P4: minor Minor issues. May not be fixed without community contributions. resolution: fixed severity: inconvenient type: bug ui: CSS ui: theme
Projects
None yet
Development

No branches or pull requests

2 participants