{"action":"opened","issue":{"url":"https://api.github.com/repos/kimsQ/rc/issues/40","repository_url":"https://api.github.com/repos/kimsQ/rc","labels_url":"https://api.github.com/repos/kimsQ/rc/issues/40/labels{/name}","comments_url":"https://api.github.com/repos/kimsQ/rc/issues/40/comments","events_url":"https://api.github.com/repos/kimsQ/rc/issues/40/events","html_url":"https://github.com/kimsQ/rc/issues/40","id":173969392,"number":40,"title":"material-design-style  drawer 옵션화 요청","user":{"login":"gitaeks","id":5070245,"avatar_url":"https://avatars.githubusercontent.com/u/5070245?v=3","gravatar_id":"","url":"https://api.github.com/users/gitaeks","html_url":"https://github.com/gitaeks","followers_url":"https://api.github.com/users/gitaeks/followers","following_url":"https://api.github.com/users/gitaeks/following{/other_user}","gists_url":"https://api.github.com/users/gitaeks/gists{/gist_id}","starred_url":"https://api.github.com/users/gitaeks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gitaeks/subscriptions","organizations_url":"https://api.github.com/users/gitaeks/orgs","repos_url":"https://api.github.com/users/gitaeks/repos","events_url":"https://api.github.com/users/gitaeks/events{/privacy}","received_events_url":"https://api.github.com/users/gitaeks/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-08-30T09:19:10Z","updated_at":"2016-08-30T09:19:10Z","closed_at":null,"body":"@kieregh , 요청하신 material-design-style  drawer 입니다.\r\n문서를 보시면 별도의 css와 js 를 추가해야 구현이 가능한 상태인데요.\r\n\r\ndrawer 익스텐션의 옵션으로 아래의 방식이 구현가능하면 좋지 않을까도 생각됩니다. ( 추가되는 css 는`rc-snap.css` 에 내장시킨후  drawer에 별도의 class를 부여하면 적용하면 될 것 같습니다. \r\n\r\n문서\r\nhttp://rc.kimsq.com/extensions/snap/#material-design-style\r\n\r\n데모\r\nhttp://rc.kimsq.com/examples/extensions/snap/material-design-style.html\r\n\r\n\r\n![image](https://cloud.githubusercontent.com/assets/5070245/18083315/9bed2a90-6edd-11e6-9bdd-20f0f0f44c60.png)\r\n\r\ncss 추가\r\n```\r\n.snap-drawer-left {\r\n  position: fixed;\r\n  top: 0;\r\n  left: -1px;\r\n  right: 0;\r\n  bottom: 0;\r\n  -webkit-transform: translate3d(-265px, 0, 0);\r\n          transform: translate3d(-265px, 0, 0);\r\n  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);\r\n          box-shadow: 0px 0px 10px rgba(0,0,0,0.9);\r\n}\r\n.snapjs-left .snap-drawer-left {\r\n  z-index: 11;\r\n}\r\n```\r\n\r\njs 추가\r\n```\r\nsnapper = new Snap({\r\n  element: $(\"#myDrawer\")[0],\r\n  maxPosition: 1,\r\n  minPosition: -1,\r\n  transitionSpeed: 0.1,\r\n})\r\n\r\n// Initialize drawer\r\nRC_initDrawer();\r\n```\r\n"}}
{"actor":{"display_login":"gitaeks"}}