google/material-design-lite

Search icon is aligned wrong

Open

#4,759 建立於 2016年9月15日

在 GitHub 查看
 (8 留言) (0 反應) (0 負責人)HTML (32,173 star) (4,926 fork)batch import
Layouthelp wantedv1-bug

描述

What MDL Version are you using? (please be specific, e.g. major.minor.patch)

v1.2.1

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

Firefox 48.0-2

What OS (and version) are you using?

Debian GNU/Linux stretch/sid

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

Go to the "Fixed header and drawer" example at https://getmdl.io/components/index.html#layout-section/layout.

What is the expected behavior?

Search icon is aligned good.

What is the actual behavior?

Search icon is aligned wrong: Screenshot

貢獻者指南

技術棧
htmlcss
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
basic CSSfamiliarity with MDL layout
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
75
研究方向
Inspect the demo page for 'Fixed header and drawer' layout at the MDL website. Locate the search icon element and examine its CSS styles, particularly any alignment properties. Check if the issue is due to missing vendor prefixes or incorrect vertical align. Adjust the CSS rule for the icon's container to align it properly. If needed, refer to the MDL source files for layout components.
Search icon is aligned wrong · google/material-design-lite#4759 | Good First Issue