google / google/material-design-lite

Magnifying glass on "Dashboard" template is in a weird spot

Open
#4,912 3 comments 2 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
32.2k
Forks
4.9k
PR merge metrics
No merged PRs in 30d

Description

> What MDL Version are you using? (please be specific, e.g. _major.minor.patch_)

1.2.1
https://code.getmdl.io/1.2.1/material.cyan-light_blue.min.css

> What browser(s) is this bug affecting (including version)?

Chrome 54 on Linux
IE 11
Didn't test any others

> What OS (and version) are you using?

Arch Linux
Windows 8.1 (on BrowserStack)

> What are the steps to reproduce the bug? Can you create a plunker/codepen/jsfiddle which reproduces it?

Browse to the dashboard example template: https://getmdl.io/templates/dashboard/index.html

You'll notice that the search magnifying glass is in a weird spot on the right.

> What is the expected behavior?

The magnifying glass should be to the left of the Home text (at least that's where it's at in [the screenshot on the templates page](https://getmdl.io/assets/templates/dashboard_2x.jpg)).

> What is the actual behavior?

The magnifying glass has fallen off of the top toolbar and is just hanging on the by a thread over on the right:

![image](https://cloud.githubusercontent.com/assets/152014/20283739/117d1938-aa6f-11e6-9e83-d948f26f8117.png)
![image](https://cloud.githubusercontent.com/assets/152014/20283746/19f847ea-aa6f-11e6-9166-dfa6008fa197.png)

> Any other information you believe would be useful?

This isn't my code. I'm just browsing the Dashboard template directly on getmdl.io.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.