``` component for #967 \r\n\r\n",[3151,3154,3157],{"name":3152,"color":3153},"bug","d73a4a",{"name":3155,"color":3156},"$","0E8A16",{"name":3158,"color":3159},"p3","D4C5F9",986,"kodadot","nft-gallery","closed","Current layout display on Collection & Profile","2021-12-29T10:40:09Z","https://github.com/kodadot/nft-gallery/issues/986",0.72053117,{"description":3169,"labels":3170,"number":3176,"owner":3161,"repository":3162,"state":3163,"title":3177,"updated_at":3178,"url":3179,"score":3180},"- when opening time frame dropdown\r\n\r\n- without dropdown \r\n\r\n",[3171,3172,3173],{"name":3155,"color":3156},{"name":3158,"color":3159},{"name":3174,"color":3175},"visual change","6CDDCE",4469,"Chart tab switching to scroll ","2022-12-18T18:34:27Z","https://github.com/kodadot/nft-gallery/issues/4469",0.73283166,{"description":3182,"labels":3183,"number":3193,"owner":3161,"repository":3162,"state":3163,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### What happened?\r\n[Design](https://www.figma.com/file/gHSzqGPeQ9qK4L0qIDcTjY/gallery-item-handoff?t=gvuA1jNzdBFeEbPh-0): \r\n# Buttons and states in right section\r\n\r\n- profile photo should have stroke and drop shadow\r\n\r\n\r\ndivider color to #999999 (k-grey) please, this one looks too light\r\n\r\n\r\n\r\n\r\n- use either $ or USD, not both\r\n\r\naction buttons:\r\n\r\n- both have hover effect to white, not k-accentlight\r\n\r\n\r\nactive state of options and share buttons: \r\n\r\nthis is the state when you click on the button: \r\n\r\n\r\nhover stay the same, but when the dropdown occurs, the button still has active state.\r\n\r\n\r\n### Please reproduce in steps\r\n\r\n.\r\n\r\n### Expected Behavior\r\n\r\n.\r\n\r\n### What browsers are you seeing the problem on?\r\n\r\n_No response_\r\n\r\n### At which address did you encounter bug?\r\n\r\n_No response_\r\n\r\n### Are you logged in?\r\n\r\nNone\r\n\r\n### Which wallet you are using?\r\n\r\n_No response_\r\n\r\n### At which chain did you encounter bug?\r\n\r\n_No response_\r\n\r\n### Screenshots\r\n\r\n.\r\n\r\n### Relevant log output\r\n\r\n_No response_\r\n\r\n### Payment link for reward\r\n\r\nhttps://kodadot.xyz/transfer/?target=%3CMy_Kusama_Address_check_https://github.com/kodadot/nft-gallery/blob/main/CONTRIBUTING.md#creating-your-ksm-address%3E\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's Code of Conduct",[3184,3185,3187,3190],{"name":3155,"color":3156},{"name":3186,"color":3159},"p2",{"name":3188,"color":3189},"A-item","FBCA04",{"name":3191,"color":3192},"redesign","227120",4581,"Gallery Redesign: Buttons and states in right section ","2023-01-04T16:01:12Z","https://github.com/kodadot/nft-gallery/issues/4581",0.7439892,{"description":3199,"labels":3200,"number":3205,"owner":3161,"repository":3162,"state":3163,"title":3206,"updated_at":3207,"url":3208,"score":3209},"// TODO:\r\n- missing translation \r\n- missing some types `(nft)`\r\n- transform `\u003CTopCollections />` component nuxt3 way\r\n - #4381 \t\r\n- refactor `timeFilters` with `\u003CNeoButton />` from #4330 \r\n\u003Cdetails>\r\n \u003Csummary>Code\u003C/summary>\r\n \r\n```vue\r\n \u003Cb-field>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"24 Hours\" @click=\"setTimeRange('Day')\" />\r\n \u003C/p>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"7 Days\" @click=\"setTimeRange('Week')\" />\r\n \u003C/p>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"30 Days\" @click=\"setTimeRange('Month')\" />\r\n \u003C/p>\r\n \u003Cp class=\"control\">\r\n \u003CNeoButton :class=\"{ active: state.timeRange == 'Day' }\" label=\"All\" @click=\"setTimeRange('All')\" />\r\n \u003C/p>\r\n \u003C/b-field>\r\n```\r\n \r\n\u003C/details>\r\n\r\n_Originally posted by @roiLeo in https://github.com/kodadot/nft-gallery/pull/4332#pullrequestreview-1183865135_\r\n ",[3201,3202,3203],{"name":3155,"color":3156},{"name":3158,"color":3159},{"name":3204,"color":3189},"A-landing",4364,"Follow up top collection data volume and & change v2","2022-12-03T14:52:36Z","https://github.com/kodadot/nft-gallery/issues/4364",0.7500619,{"description":3211,"labels":3212,"number":3215,"owner":3161,"repository":3162,"state":3163,"title":3216,"updated_at":3217,"url":3218,"score":3219},"- Keep only top-border on pagination buttons\r\n\r\nProbably reflect everywhere where we are using pagination\r\n- gallery\r\n- collections\r\n- artists profile\r\n- collection detail\r\n\r\n\u003Cimg width=\"643\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/158810127-1434eb46-b0e8-4e13-9ac2-4f10f8a28f75.png\">\r\n\u003Cimg width=\"382\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/158810964-d8d14d2a-da2c-45bf-b070-aefc0681e185.png\">\r\n\r\n\r\nOn collection detail like at https://beta.kodadot.xyz/rmrk/collection/0a8ce195286c168f19-DONKEY?tab=collection\r\n- Keep only top-border on sharing and make it 1px\r\n\u003Cimg width=\"190\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/158810217-e496cc4a-09e1-4eda-8201-2afd4549c1a6.png\">\r\n\r\nFor item action buttons and sharing do the same 🥺\r\n\u003Cimg width=\"340\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/158810300-b1bb6ab5-a5da-4f56-8307-ff9b0ac35fa0.png\">\r\n",[3213,3214],{"name":3155,"color":3156},{"name":3186,"color":3159},2578,"Keep only top-border on pagination and sharing buttons","2022-03-19T12:01:17Z","https://github.com/kodadot/nft-gallery/issues/2578",0.75163007,{"description":3221,"labels":3222,"number":3227,"owner":3161,"repository":3162,"state":3163,"title":3228,"updated_at":3229,"url":3230,"score":3231},"Small changes could be made in this issue\r\n\r\n- design of time filter for black version, you can find them here https://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=798%3A3662\r\n\r\n\u003Cimg width=\"518\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/203122499-3a33ba66-69e6-4995-8fb9-3d27c4a8dcc0.png\">\r\n\r\n- we've meanwhile changed time frames as there is fewer data since design file, and we went for \r\n - **7 days / 30 days / 90days / ALL** filters\r\n\r\n_Originally posted by @yangwao in https://github.com/kodadot/nft-gallery/issues/4332#issuecomment-1322422069_\r\n ",[3223,3224,3225,3226],{"name":3155,"color":3156},{"name":3158,"color":3159},{"name":3204,"color":3189},{"name":3191,"color":3192},4365,"Follow up top collection data volume and & change v3","2022-11-23T15:00:55Z","https://github.com/kodadot/nft-gallery/issues/4365",0.75306356,{"description":3233,"labels":3234,"number":3239,"owner":3161,"repository":3162,"state":3163,"title":3240,"updated_at":3241,"url":3242,"score":3243},"If we can bring back normal buttons? 😅\r\n\r\n\r\nhttps://beta.kodadot.xyz/bsx/collection/1000011?page=1\r\n\r\nI guess it was broken in #4576 ",[3235,3236,3237],{"name":3155,"color":3156},{"name":3186,"color":3159},{"name":3238,"color":3189},"A-collection",4606,"Unscopped css at collection view ","2023-01-05T14:22:07Z","https://github.com/kodadot/nft-gallery/issues/4606",0.7550451,{"description":3245,"labels":3246,"number":3250,"owner":3161,"repository":3162,"state":3163,"title":3251,"updated_at":3252,"url":3253,"score":3254}," > > is this final versions or you'll still be working on it?\r\n> > on thing is missing: \r\n> > \r\n> > * active states, when you click on the button and the dropdown popups, the button should change itself to active state\r\n> \r\n> active state of buttons seems to be still missing\r\n\r\n@exezbcz @yangwao I am not sure how to give that yet, found nothing here https://oruga.io/components/dropdown.html\r\ncan we make a separate issue for this one?\r\n\r\n_Originally posted by @prachi00 in https://github.com/kodadot/nft-gallery/issues/4582#issuecomment-1370242284_\r\n ",[3247,3248,3249],{"name":3155,"color":3156},{"name":3186,"color":3159},{"name":3188,"color":3189},4603,"Redesign Active states of button","2023-01-06T15:34:29Z","https://github.com/kodadot/nft-gallery/issues/4603",0.75898516,{"description":3256,"labels":3257,"number":3264,"owner":3161,"repository":3162,"state":3163,"title":3265,"updated_at":3266,"url":3267,"score":3268},"At buy events, we are missing Item name. \r\n- Add there as the second col as item name, where name length keeps first six and last six characters. \r\n- Change the date to relative time (20 minutes ago). On hover show the exact time. This could be changed for the history component at nft item as well. \r\n\r\n\r\n\u003Cimg width=\"1301\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/158365497-de212b4b-da1c-4967-8a89-e03997c05f0f.png\">\r\n\r\n\r\n",[3258,3259,3260,3261],{"name":3155,"color":3156},{"name":3186,"color":3159},{"name":3238,"color":3189},{"name":3262,"color":3263},"history","8675FB",2547,"Rework feed for collection bit","2022-03-16T20:16:12Z","https://github.com/kodadot/nft-gallery/issues/2547",0.75908715,{"description":3270,"labels":3271,"number":3277,"owner":3161,"repository":3162,"state":3163,"title":3278,"updated_at":3279,"url":3280,"score":3281},"\r\n\r\nlets make breakpoint on 930px\r\nit will switch to the full mobile view with img over the screen\r\n- the img is getting too small \r\n\r\n",[3272,3275,3276],{"name":3273,"color":3274},"UX first","7057ff",{"name":3155,"color":3156},{"name":3186,"color":3159},4762,"Break point for gallery item","2023-03-20T21:27:48Z","https://github.com/kodadot/nft-gallery/issues/4762",0.76045007,["Reactive",3283],{},["Set"],["ShallowReactive",3286],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgL6RWjZp5v9PJ81AEBgfk8sAwMYUQDYWNYkOhIaXhps":-1},"/kodadot/nft-gallery/4632"]