\n\n## Sharing collection **not working**.\n\u003Cimg width=\"432\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/45ffd571-c9fe-4c30-aa4d-35d35315c11b\" />\n\n## Sharing NFTs is **not working**.\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6b3ca7e6-abbe-4266-bf1f-38d5f9b48db7\" />\n\n\nIm starting to think it only related to generative art\n\n\u003Cimg width=\"340\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/9679c243-f1a8-4e40-84ed-064c17434e63\" />",[1984,1987],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"A-twitter","FBCA04",11478,"kodadot","nft-gallery","open","NFT preview on X not working","2025-03-13T15:30:43Z","https://github.com/kodadot/nft-gallery/issues/11478",0.7449549,{"description":1999,"labels":2000,"number":2014,"owner":1991,"repository":1992,"state":1993,"title":2015,"updated_at":2016,"url":2017,"score":2018},"We will need to look at what kind of variants we will have in new designs for serving faster and better images on fly\r\n\r\n@exezbcz can fill the rest resolution or edit my post\r\n\r\n- item \r\n - basic - 524px (700px ?)\r\n - fullscreen - 2000px (inspired by free limit of google photos)\r\n - download the original for owners\r\n - more from collection - 312px ?\r\n\r\n- explorer\r\n - collection - 320px ?\r\n - gallery - 432px ?\r\n - this actually need might change based for \r\n - #4444 \t\r\n\r\n- collection view\r\n - tile - 320px ? What's in the new design proposed?\r\n - bigger - 660px ?\r\n\r\n- landing\r\n - spotlight - 280px\r\n - carousels - 312px\r\n\r\n- profile\r\n - same as collection view?\r\n\r\n### Ref\r\n- https://developers.cloudflare.com/images/cloudflare-images/transform/flexible-variants/",[2001,2004,2007,2009,2011],{"name":2002,"color":2003},"$","0E8A16",{"name":2005,"color":2006},"p3","D4C5F9",{"name":2008,"color":1989},"A-collection",{"name":2010,"color":1989},"A-item",{"name":2012,"color":2013},"images","7C2425",4611,"Create variants according to new design ","2023-08-22T15:39:48Z","https://github.com/kodadot/nft-gallery/issues/4611",0.7524641,{"description":2020,"labels":2021,"number":2030,"owner":1991,"repository":1992,"state":2031,"title":2032,"updated_at":2033,"url":2034,"score":2035},"\u003Cimg width=\"723\" alt=\"image\" src=\"https://github.com/kodadot/nft-gallery/assets/90852205/ba549b5d-0766-4bc9-a918-7d5162a0db23\">\r\n\r\n\r\n# file \r\nhttps://www.figma.com/design/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=394-6126&t=dLtMjF81b0yy56Fg-11\r\n\r\n- added artist name and profile picture on card \r\n\r\n## Context\r\nwaiting for: \r\n- https://github.com/kodadot/nft-gallery/issues/10359",[2022,2024,2026,2028],{"name":2023,"color":2006},"p2",{"name":2025,"color":1989},"A-landing",{"name":2027,"color":1989},"A-spotlight",{"name":2029,"color":1989},"A-drop-page",10533,"closed","drop card v2.5 - artist on card ","2024-07-18T09:58:53Z","https://github.com/kodadot/nft-gallery/issues/10533",0.6911778,{"description":2037,"labels":2038,"number":2045,"owner":1991,"repository":1992,"state":2031,"title":2046,"updated_at":2033,"url":2047,"score":2048},"This took us quite a long time, but we should slowly switch the drops to show the actual artist\r\n\r\n\u003Cimg width=\"784\" alt=\"image\" src=\"https://github.com/kodadot/nft-gallery/assets/90852205/69ee4baa-1dc1-4b0a-afea-b2a086aca769\">\r\n\r\nwill drop how it will look\r\n",[2039,2042,2044],{"name":2040,"color":2041},"p1","D93F0B",{"name":2043,"color":1989},"A-profile",{"name":2029,"color":1989},10359,"Switch drop creators to artists offchain profiles (created by) ","https://github.com/kodadot/nft-gallery/issues/10359",0.72179055,{"description":2050,"labels":2051,"number":2057,"owner":1991,"repository":1992,"state":2031,"title":2058,"updated_at":2059,"url":2060,"score":2061},"\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",[2052,2055,2056],{"name":2053,"color":2054},"UX first","7057ff",{"name":2002,"color":2003},{"name":2023,"color":2006},4762,"Break point for gallery item","2023-03-20T21:27:48Z","https://github.com/kodadot/nft-gallery/issues/4762",0.73263264,{"description":2063,"labels":2064,"number":2068,"owner":1991,"repository":1992,"state":2031,"title":2069,"updated_at":2070,"url":2071,"score":2072},"the gallery does not correctly display images with an aspect ratio other than 1:1 when opened\r\nOriginal: https://kodadot.mypinata.cloud/ipfs/QmPgvHLL5rtBtgZA6Rbfjb163wCXtmJtgnbKz7uYHXmbkF\r\n\r\nGaleri preview: https://nft.kodadot.xyz/rmrk/detail/9251128-900D19DC7D3C444E4C-KSMG22-KUSAMAGEN_160-0000000000000001\r\n\r\n\r\n",[2065,2066,2067],{"name":1985,"color":1986},{"name":2002,"color":2003},{"name":2040,"color":2041},806,"Not correct preview image NFT","2021-09-27T13:55:02Z","https://github.com/kodadot/nft-gallery/issues/806",0.7331763,{"description":2074,"labels":2075,"number":2081,"owner":1991,"repository":1992,"state":2031,"title":2082,"updated_at":2083,"url":2084,"score":2085},"> change grid card size\r\n\r\nRight now current trends and our anticipation of bringing dynamics cards as now we have columns of fixed ones. It's nice, but not everyone has same screensize and we would maximalize unified experience at each of screen size. Ranging from mobile, folding phones, tablet, notebook to desktop. \r\n\r\nYou can currently see trend on R & OS that dynamic cards has some properties where they sizing these cards dynamically on picture and description. \r\nIn similar manner we will set some break points to have it\r\n\r\nJust backlogging as can easily sink through our thought process among others and I found it really important stuff to have. \r\n\r\nOf course, we will welcome to have some sort of override where user can set \"size\" of card, but amount of columns will be adjusted dynamically for best user experience\r\n\r\n_Originally posted by @yangwao in https://github.com/kodadot/nft-gallery/issues/4378#issuecomment-1326372557_\r\n \r\nPlease reflect on foldable phones. ht @exezbcz finding foldable explainer for proper CSS ninjas :P\r\n\r\n## Ref\r\n- https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Foldables/explainer.md\r\n- https://devblogs.microsoft.com/surface-duo/dual-screen-web-game-foldship/\r\n- https://github.com/w3c/csswg-drafts/issues/4736\r\n- https://w3c.github.io/device-posture/\r\n- https://github.com/MicrosoftEdge/MSEdgeExplainers/issues/236",[2076,2077,2078],{"name":2002,"color":2003},{"name":2023,"color":2006},{"name":2079,"color":2080},"redesign","227120",4444,"redesign: dynamic change grid card size","2023-03-01T15:18:35Z","https://github.com/kodadot/nft-gallery/issues/4444",0.7374449,{"description":2087,"labels":2088,"number":2094,"owner":1991,"repository":1992,"state":2031,"title":2095,"updated_at":2096,"url":2097,"score":2098},"Open any Base collection. For example this one: https://kodadot.xyz/base/collection/0xe215f77d95b83a098da0dfcb93af901fe6524dfe\r\n\r\nAll of them have that \"picture\" in the corner\r\n\r\n\u003Cimg width=\"1028\" alt=\"Screenshot 2024-08-13 at 12 45 06\" src=\"https://github.com/user-attachments/assets/cb270ce3-407a-4749-93ef-c7e888f3f74a\">\r\n\r\n\u003Cimg width=\"1216\" alt=\"Screenshot 2024-08-13 at 12 47 33\" src=\"https://github.com/user-attachments/assets/9da4a9ac-1f02-47fb-ab80-65d4b6aeef21\">\r\n",[2089,2090,2091,2092],{"name":1985,"color":1986},{"name":2023,"color":2006},{"name":2008,"color":1989},{"name":2093,"color":1989},"A-base",10803,"All Base generative drops showing as pictures in collection view","2024-08-15T11:45:15Z","https://github.com/kodadot/nft-gallery/issues/10803",0.7410295,{"description":2100,"labels":2101,"number":2107,"owner":1991,"repository":1992,"state":2031,"title":2108,"updated_at":2109,"url":2110,"score":2111},"Hello, I was looking at the https://beta.kodadot.xyz/?redesign=true and found a few things that need to be changed. I will mention everything I see as I open it. Some of these you may already know about, but I will try to highlight them all here.\r\n\r\n## Hero section\r\n- There should not be that much margin between \"Discover, Collect And Sell\" and \"Kusama NFTs\" It's maybe something like 10 or fewer px.\r\n- side graphics collapses into middle content. \r\n\r\n- Links under the search bar when clicked should direct the user to explore the page with the chosen network\r\n\r\nDoes the network in brackets have to be here? It's not looking great how it's not aligned vertically (or has the same width) as a search bar. \r\n\r\n## search bar/results\r\ncurrent status: \r\n\r\nthe design: \r\n\r\non page https://beta.kodadot.xyz/?page=1&redesign=true&search= there are no trading results when focusing on the search bar or pressing \"K\" \r\n- Hover effect missing on all cards\r\n- White mode hover effect: accent light 2\r\n- dark mode hover effect: `#363234`\r\ndemo: \r\n\r\nhttps://user-images.githubusercontent.com/90852205/196341528-db33d7f7-9cc5-4180-81ad-7ec1e7b8b3be.mp4\r\n\r\n\r\n## Missing info on collections\r\n\r\n- floor and units\r\n\r\n## Selection\r\n\r\nhow it should look like: \r\n\r\n- there is no hover effect on the text. It's not the nav section. When active - bold text\r\n\r\n\"see all\"\r\n- it should have only the hover effect - bold, not changing any color. \r\n\r\n\r\n\r\n\r\n\r\n## Spotlight\r\n- All of the cards in the carousel, including single nft cards in Newest lists, Latest sales, etc. should overflow over the edges of the content. They should scale up/down to show only 4 in the case of the spotlight and single nfts. Once it overflows, it should change its opacity to 30% and mode to luminosity. That means we see the content, but it's clear we can scroll. See the picture below.\r\nnow: \r\n\r\nin the design file: \r\n\r\n- heading should be white and also respect the font sizing of h2 - in this case, it's 39px, but that's a minor problem. \r\n- also the images in the spotlight card should have a stroke of 1px. Like this: \r\n\r\n- Then there's a slight problem with the drop shadow effect, but I think that will be solved with problem n. 1.\r\n\r\n\r\n## Top collections\r\n- On the bigger screens, there are 3 columns next to each other of top/trending collection cards. \r\n\r\n- In the design, there are only 2. \r\n- content inside card: \r\n\r\nnow it's missing network, USD volume, and % change. \r\n\r\n- missing filters for the time period and network. \r\n- \"see more link\" should be on hover similarly to the nav bar/footer links. \r\n\r\n## NFT carousel section\r\n- Same issue as with the spotlight carousel.\r\n> All of the cards in the carousel, including single nft cards in Newest lists, Latest sales, etc. should overflow over the edges of the content. They should scale up/down to show only 4 in the case of the spotlight and single nfts. Once it overflows, it should change its opacity to 30% and mode to luminosity. That means we see the content, but it's clear we can scroll. See the picture below.\r\n\r\n\r\n## Footer\r\n- We already discussed this one, but icons for socials in dark mode should have different hover effect. Icons should change to dark when hovering. See the picture below. \r\n\r\n- Links have hover state - bold\r\n\r\n## Cards\r\n\r\nthe card breaks when there is no collection/nft name. Also, In this case, it would be great to make max name length and then only add 3 dots behind if it is over.\r\nAnd I think that's it. If I see any more, I'll comment on the issue. If you have any questions, ping me anytime! \r\n\r\n## Ref\r\n- #3844 \r\n",[2102,2103,2106],{"name":2023,"color":2006},{"name":2104,"color":2105},"chief","67EA1F",{"name":2079,"color":2080},4090,"Redesign: Landing page feedback","2022-11-05T12:48:59Z","https://github.com/kodadot/nft-gallery/issues/4090",0.7454986,{"description":2113,"labels":2114,"number":2117,"owner":1991,"repository":1992,"state":2031,"title":2118,"updated_at":2119,"url":2120,"score":2121},"Since most of the content is generative now, let's change the tags a bit \r\n\r\n\r\n\r\n\r\n- normal jpg and non-generative images will get a picture tag - generative art won't have the tag now \r\n- ignore the card design, using the one that was there \r\n- its a image icon from font awesome \r\n- 24px x 24px box, rounded corners\r\n\r\n\r\n",[2115,2116],{"name":2053,"color":2054},{"name":2023,"color":2006},10449,"Mental shift from gen art tag to normal png tag","2024-06-21T07:18:34Z","https://github.com/kodadot/nft-gallery/issues/10449",0.7462298,["Reactive",2123],{},["Set"],["ShallowReactive",2126],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"2yf8hoiPWDREgT4nWfSncYVXWrtOeUJOuzUY2OwrRro":-1},"/kodadot/nft-gallery/10447"]