``` component for #967 \r\n\r\n",[2865,2868,2871],{"name":2866,"color":2867},"bug","d73a4a",{"name":2869,"color":2870},"$","0E8A16",{"name":2872,"color":2873},"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":2883,"labels":2884,"number":2890,"owner":2875,"repository":2876,"state":2877,"title":2891,"updated_at":2892,"url":2893,"score":2894},"- when opening time frame dropdown\r\n\r\n- without dropdown \r\n\r\n",[2885,2886,2887],{"name":2869,"color":2870},{"name":2872,"color":2873},{"name":2888,"color":2889},"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":2896,"labels":2897,"number":2907,"owner":2875,"repository":2876,"state":2877,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### 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",[2898,2899,2901,2904],{"name":2869,"color":2870},{"name":2900,"color":2873},"p2",{"name":2902,"color":2903},"A-item","FBCA04",{"name":2905,"color":2906},"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":2913,"labels":2914,"number":2919,"owner":2875,"repository":2876,"state":2877,"title":2920,"updated_at":2921,"url":2922,"score":2923},"// 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 ",[2915,2916,2917],{"name":2869,"color":2870},{"name":2872,"color":2873},{"name":2918,"color":2903},"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":2925,"labels":2926,"number":2929,"owner":2875,"repository":2876,"state":2877,"title":2930,"updated_at":2931,"url":2932,"score":2933},"- 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",[2927,2928],{"name":2869,"color":2870},{"name":2900,"color":2873},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":2935,"labels":2936,"number":2941,"owner":2875,"repository":2876,"state":2877,"title":2942,"updated_at":2943,"url":2944,"score":2945},"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 ",[2937,2938,2939,2940],{"name":2869,"color":2870},{"name":2872,"color":2873},{"name":2918,"color":2903},{"name":2905,"color":2906},4365,"Follow up top collection data volume and & change v3","2022-11-23T15:00:55Z","https://github.com/kodadot/nft-gallery/issues/4365",0.7530636,{"description":2947,"labels":2948,"number":2953,"owner":2875,"repository":2876,"state":2877,"title":2954,"updated_at":2955,"url":2956,"score":2957},"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 ",[2949,2950,2951],{"name":2869,"color":2870},{"name":2900,"color":2873},{"name":2952,"color":2903},"A-collection",4606,"Unscopped css at collection view ","2023-01-05T14:22:07Z","https://github.com/kodadot/nft-gallery/issues/4606",0.7550451,{"description":2959,"labels":2960,"number":2964,"owner":2875,"repository":2876,"state":2877,"title":2965,"updated_at":2966,"url":2967,"score":2968}," > > 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 ",[2961,2962,2963],{"name":2869,"color":2870},{"name":2900,"color":2873},{"name":2902,"color":2903},4603,"Redesign Active states of button","2023-01-06T15:34:29Z","https://github.com/kodadot/nft-gallery/issues/4603",0.75898516,{"description":2970,"labels":2971,"number":2978,"owner":2875,"repository":2876,"state":2877,"title":2979,"updated_at":2980,"url":2981,"score":2982},"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",[2972,2973,2974,2975],{"name":2869,"color":2870},{"name":2900,"color":2873},{"name":2952,"color":2903},{"name":2976,"color":2977},"history","8675FB",2547,"Rework feed for collection bit","2022-03-16T20:16:12Z","https://github.com/kodadot/nft-gallery/issues/2547",0.75908715,{"description":2984,"labels":2985,"number":2991,"owner":2875,"repository":2876,"state":2877,"title":2992,"updated_at":2993,"url":2994,"score":2995},"\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",[2986,2989,2990],{"name":2987,"color":2988},"UX first","7057ff",{"name":2869,"color":2870},{"name":2900,"color":2873},4762,"Break point for gallery item","2023-03-20T21:27:48Z","https://github.com/kodadot/nft-gallery/issues/4762",0.76045007,["Reactive",2997],{},["Set"],["ShallowReactive",3000],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgL6RWjZp5v9PJ81AEBgfk8sAwMYUQDYWNYkOhIaXhps":-1},"/kodadot/nft-gallery/4632"]