``` component for #967 \r\n\r\n",[3020,3023,3026],{"name":3021,"color":3022},"bug","d73a4a",{"name":3024,"color":3025},"$","0E8A16",{"name":3027,"color":3028},"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":3038,"labels":3039,"number":3045,"owner":3030,"repository":3031,"state":3032,"title":3046,"updated_at":3047,"url":3048,"score":3049},"- when opening time frame dropdown\r\n\r\n- without dropdown \r\n\r\n",[3040,3041,3042],{"name":3024,"color":3025},{"name":3027,"color":3028},{"name":3043,"color":3044},"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":3051,"labels":3052,"number":3062,"owner":3030,"repository":3031,"state":3032,"title":3063,"updated_at":3064,"url":3065,"score":3066},"### 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",[3053,3054,3056,3059],{"name":3024,"color":3025},{"name":3055,"color":3028},"p2",{"name":3057,"color":3058},"A-item","FBCA04",{"name":3060,"color":3061},"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":3068,"labels":3069,"number":3074,"owner":3030,"repository":3031,"state":3032,"title":3075,"updated_at":3076,"url":3077,"score":3078},"// 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 ",[3070,3071,3072],{"name":3024,"color":3025},{"name":3027,"color":3028},{"name":3073,"color":3058},"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":3080,"labels":3081,"number":3084,"owner":3030,"repository":3031,"state":3032,"title":3085,"updated_at":3086,"url":3087,"score":3088},"- 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",[3082,3083],{"name":3024,"color":3025},{"name":3055,"color":3028},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":3090,"labels":3091,"number":3096,"owner":3030,"repository":3031,"state":3032,"title":3097,"updated_at":3098,"url":3099,"score":3100},"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 ",[3092,3093,3094,3095],{"name":3024,"color":3025},{"name":3027,"color":3028},{"name":3073,"color":3058},{"name":3060,"color":3061},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":3102,"labels":3103,"number":3108,"owner":3030,"repository":3031,"state":3032,"title":3109,"updated_at":3110,"url":3111,"score":3112},"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 ",[3104,3105,3106],{"name":3024,"color":3025},{"name":3055,"color":3028},{"name":3107,"color":3058},"A-collection",4606,"Unscopped css at collection view ","2023-01-05T14:22:07Z","https://github.com/kodadot/nft-gallery/issues/4606",0.7550451,{"description":3114,"labels":3115,"number":3119,"owner":3030,"repository":3031,"state":3032,"title":3120,"updated_at":3121,"url":3122,"score":3123}," > > 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 ",[3116,3117,3118],{"name":3024,"color":3025},{"name":3055,"color":3028},{"name":3057,"color":3058},4603,"Redesign Active states of button","2023-01-06T15:34:29Z","https://github.com/kodadot/nft-gallery/issues/4603",0.75898516,{"description":3125,"labels":3126,"number":3133,"owner":3030,"repository":3031,"state":3032,"title":3134,"updated_at":3135,"url":3136,"score":3137},"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",[3127,3128,3129,3130],{"name":3024,"color":3025},{"name":3055,"color":3028},{"name":3107,"color":3058},{"name":3131,"color":3132},"history","8675FB",2547,"Rework feed for collection bit","2022-03-16T20:16:12Z","https://github.com/kodadot/nft-gallery/issues/2547",0.75908715,{"description":3139,"labels":3140,"number":3146,"owner":3030,"repository":3031,"state":3032,"title":3147,"updated_at":3148,"url":3149,"score":3150},"\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",[3141,3144,3145],{"name":3142,"color":3143},"UX first","7057ff",{"name":3024,"color":3025},{"name":3055,"color":3028},4762,"Break point for gallery item","2023-03-20T21:27:48Z","https://github.com/kodadot/nft-gallery/issues/4762",0.76045007,["Reactive",3152],{},["Set"],["ShallowReactive",3155],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgL6RWjZp5v9PJ81AEBgfk8sAwMYUQDYWNYkOhIaXhps":-1},"/kodadot/nft-gallery/4632"]