{"action":"closed","issue":{"url":"https://api.github.com/repos/SSENSE/vue-carousel/issues/298","repository_url":"https://api.github.com/repos/SSENSE/vue-carousel","labels_url":"https://api.github.com/repos/SSENSE/vue-carousel/issues/298/labels{/name}","comments_url":"https://api.github.com/repos/SSENSE/vue-carousel/issues/298/comments","events_url":"https://api.github.com/repos/SSENSE/vue-carousel/issues/298/events","html_url":"https://github.com/SSENSE/vue-carousel/issues/298","id":372887351,"node_id":"MDU6SXNzdWUzNzI4ODczNTE=","number":298,"title":"[customize dots] Is it able to move dot pagination over the slides? ","user":{"login":"juneyoung","id":2579104,"node_id":"MDQ6VXNlcjI1NzkxMDQ=","avatar_url":"https://avatars0.githubusercontent.com/u/2579104?v=4","gravatar_id":"","url":"https://api.github.com/users/juneyoung","html_url":"https://github.com/juneyoung","followers_url":"https://api.github.com/users/juneyoung/followers","following_url":"https://api.github.com/users/juneyoung/following{/other_user}","gists_url":"https://api.github.com/users/juneyoung/gists{/gist_id}","starred_url":"https://api.github.com/users/juneyoung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juneyoung/subscriptions","organizations_url":"https://api.github.com/users/juneyoung/orgs","repos_url":"https://api.github.com/users/juneyoung/repos","events_url":"https://api.github.com/users/juneyoung/events{/privacy}","received_events_url":"https://api.github.com/users/juneyoung/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-10-23T09:03:08Z","updated_at":"2018-11-11T12:18:27Z","closed_at":"2018-11-11T12:18:27Z","author_association":"NONE","body":"Is it possible to customize dot styles? I want to move those dots over the slides. (I think you could understand what I mean. The basic sample of the official site is dot located under the slides.)\r\nIn my component, I declare vue-carousel like \r\n\r\n```\r\n  \t<carousel\r\n\t\t:scrollPerPage=\"true\" :mouseDrag=\"false\"\r\n\t\t:perPage=\"1\">\r\n\t\t<slide v-for=\"(item, index) in slides\" :key=\"index\">\r\n\t\t\t<nuxt-link :to=\"$getHref(item.linkTo)\">\r\n\t\t\t\t<img :src=\"item.imageUrl\" @error=\"setDefaultImageUrl\" alt=\"\"/>\r\n\t\t\t</nuxt-link>\r\n\t\t</slide>\r\n\t</carousel>\r\n\r\n... \r\n\r\n<style scoped>\r\n       .VueCarousel-wrapper {\r\n\t\tposition: absolute !important;\r\n\t\tz-index: -10 !important;\r\n\t}\r\n\r\n\t.VueCarousel-pagination {\r\n\r\n\t}\r\n</style>\r\n```\r\nBut it ignores the style in the component. \r\n\r\nI think this UI feature is very common so there might be pre-implemented form in vue-carousel but could not find its official website.\r\n\r\nThanks."}}
{"actor":{"display_login":"quinnlangille"}}