``` component for #967 \r\n\r\n",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"$","0E8A16",{"name":1991,"color":1992},"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.71303296,{"description":2002,"labels":2003,"number":2009,"owner":1994,"repository":1995,"state":1996,"title":2010,"updated_at":2011,"url":2012,"score":2013},"- when opening time frame dropdown\r\n\r\n- without dropdown \r\n\r\n",[2004,2005,2006],{"name":1988,"color":1989},{"name":1991,"color":1992},{"name":2007,"color":2008},"visual change","6CDDCE",4469,"Chart tab switching to scroll ","2022-12-18T18:34:27Z","https://github.com/kodadot/nft-gallery/issues/4469",0.7276317,{"description":2015,"labels":2016,"number":2026,"owner":1994,"repository":1995,"state":1996,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### 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",[2017,2018,2020,2023],{"name":1988,"color":1989},{"name":2019,"color":1992},"p2",{"name":2021,"color":2022},"A-item","FBCA04",{"name":2024,"color":2025},"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.73788077,{"description":2032,"labels":2033,"number":2038,"owner":1994,"repository":1995,"state":1996,"title":2039,"updated_at":2040,"url":2041,"score":2042},"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 ",[2034,2035,2036],{"name":1988,"color":1989},{"name":2019,"color":1992},{"name":2037,"color":2022},"A-collection",4606,"Unscopped css at collection view ","2023-01-05T14:22:07Z","https://github.com/kodadot/nft-gallery/issues/4606",0.7409654,{"description":2044,"labels":2045,"number":2049,"owner":1994,"repository":1995,"state":1996,"title":2050,"updated_at":2051,"url":2052,"score":2053},"Put Layout toggle in one line with others and put stuff in a particular order \r\n- filter\r\n- search (probably will be smaller, but expanded)\r\n- BUY NOW\r\n- Layout change\r\n- Pagination\r\n\r\n\r\n",[2046,2047,2048],{"name":1988,"color":1989},{"name":1991,"color":1992},{"name":2037,"color":2022},1081,"Collection detail controls horizontal alignment","2021-11-11T15:39:10Z","https://github.com/kodadot/nft-gallery/issues/1081",0.7516264,{"description":2055,"labels":2056,"number":2059,"owner":1994,"repository":1995,"state":1996,"title":2060,"updated_at":2061,"url":2062,"score":2063},"- 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",[2057,2058],{"name":1988,"color":1989},{"name":2019,"color":1992},2578,"Keep only top-border on pagination and sharing buttons","2022-03-19T12:01:17Z","https://github.com/kodadot/nft-gallery/issues/2578",0.7518323,{"description":2065,"labels":2066,"number":2072,"owner":1994,"repository":1995,"state":1996,"title":2073,"updated_at":2074,"url":2075,"score":2076},"\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",[2067,2070,2071],{"name":2068,"color":2069},"UX first","7057ff",{"name":1988,"color":1989},{"name":2019,"color":1992},4762,"Break point for gallery item","2023-03-20T21:27:48Z","https://github.com/kodadot/nft-gallery/issues/4762",0.7536233,{"description":2078,"labels":2079,"number":2084,"owner":1994,"repository":1995,"state":1996,"title":2085,"updated_at":2086,"url":2087,"score":2088},"// 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 ",[2080,2081,2082],{"name":1988,"color":1989},{"name":1991,"color":1992},{"name":2083,"color":2022},"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.7540363,{"description":2090,"labels":2091,"number":2096,"owner":1994,"repository":1995,"state":1996,"title":2097,"updated_at":2098,"url":2099,"score":2100},"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 ",[2092,2093,2094,2095],{"name":1988,"color":1989},{"name":1991,"color":1992},{"name":2083,"color":2022},{"name":2024,"color":2025},4365,"Follow up top collection data volume and & change v3","2022-11-23T15:00:55Z","https://github.com/kodadot/nft-gallery/issues/4365",0.7544487,{"description":2102,"labels":2103,"number":2109,"owner":1994,"repository":1995,"state":1996,"title":2110,"updated_at":2111,"url":2112,"score":2113},"Collection select at /create\r\n\r\n\r\nFiltering collections at /explore:\r\n\r\n\r\nOn hover overview of collection at /explore:\r\n\r\n\r\nCollection history select:\r\n\r\n\r\nItem Detail history select:\r\n\r\n\r\nProfile created sorting:\r\n\r\n\r\nProfile history sorting:\r\n\r\n\r\nProfile sold sorting:\r\n\r\n",[2104,2105,2106],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2107,"color":2108},"css","8F33D1",3972,"Light mode leftovers","2022-09-20T10:45:56Z","https://github.com/kodadot/nft-gallery/issues/3972",0.75470316,["Reactive",2115],{},["Set"],["ShallowReactive",2118],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"gL6RWjZp5v9PJ81AEBgfk8sAwMYUQDYWNYkOhIaXhps":-1},"/kodadot/nft-gallery/4632"]