| Line 32: | Line 32: | ||
margin: 0.3em 0 0 42px; | margin: 0.3em 0 0 42px; | ||
} | } | ||
| + | |||
| + | |||
| + | hr { | ||
| + | margin-top: 0px; | ||
| + | margin-bottom: 0px; | ||
| + | margin-left: -31px; | ||
| + | width: 720px; | ||
| + | border-bottom: 1px solid #E0E0DD; | ||
| + | border-left: 0px; | ||
| + | border-right: 0px; | ||
| + | border-top: 30px solid #F7F7F7; | ||
| + | } | ||
| + | |||
}} | }} | ||
Drawer는 작은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시할 수 있는 패턴이다. 주로 현재 페이지를 어느 정도 유지한 채 같은 화면에 숨겨진 페이지를 띄워 보여준다. | Drawer는 작은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시할 수 있는 패턴이다. 주로 현재 페이지를 어느 정도 유지한 채 같은 화면에 숨겨진 페이지를 띄워 보여준다. | ||
Drawer는 작은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시할 수 있는 패턴이다. 주로 현재 페이지를 어느 정도 유지한 채 같은 화면에 숨겨진 페이지를 띄워 보여준다.
숨겨진 페이지를 표시하는 방식에서 여러가지 트랜지션이 사용되는데 Slide방식이 주로 사용되며, 최근 Overlay/Insert 등의 트랜지션을 사용한 사례도 많아지고 있다.
Drawer를 호출하는 버튼은 주로 일명 '햄버거'로 불리는 아이콘의 버튼이 사용된다.