\r\n\r\n## Hero section\r\n- big change: hero section is becoming one big banner, with the name, social buttons and profile picture on top. \r\n- there should be also option to upload this banner, issue already created, I will try to add designs as soon as possible.\r\n- #4983 \r\n\r\n- banner on desktop has 1440*560, it would be also recommended size for the customization - its also used on collection cards. It has quite close aspect ration\r\n- over banner is applied black gradient with lowered opacity, see figma\r\n\r\n\r\n\r\n\r\n## Hero Buttons: \r\n- first section are buttons of the collection, mainly socials and website.\r\n- Then there is share button and more options - they are divided to make clear that they are not associated with the specific collection \r\n - Share button is pretty clear, more options button is in case visitor - report button, and in case of owner its going to be a customize and other functionalities we already offer. \r\n\r\n\r\n\r\n## Under banner section\r\n- Creator - blue link with address/identity\r\nunder which is collection description\r\n\r\n\r\nright are stats, 2 columns, 3 rows\r\n- see figma for exact margin and padding\r\n\r\n\r\n## Collection Menubar - Controls\r\n\r\n\r\n- looks really similar compared to explore, only difference here is the collection offer, which we haven´t implemented yet, but there is made place for the future :D \r\n- Items and Activity switcher - with checkmark as on explore, activity tab tbd\r\n- section on mobile looks like this:\r\n\r\n\r\n## Burger menu/sidebar\r\n- really similar to the explore page one. \r\n- sticky to the top\r\n- There are trait selectors \r\n - the button itself is showing how many options are in the dropdown\r\n - basic check and then number of items having this trait\r\n\r\n\r\n## Breadcrumbs\r\n\r\n- buy now is by default\r\n- then showing how many items are there\r\n- option to clear all\r\n- margin is 24px top and 24px bottom (from the text)\r\n\r\n## Items\r\n- applied dynamic grid\r\n- #4444 \r\n- otherwise basic cards used on explore or landing page \r\n\r\n- we can maybe customize them later but I think we can keep the collection name in there. \r\n\r\n## Mobile \r\n\r\n\r\n- hero items still in the banner container\r\n- socials are collapsed to max 3 icons\r\n- under banner is description and stats\r\n- collapsed control section - almost like on explore\r\n- smaller cards - same as on explore\r\n- burger menu will work like this\r\n\r\n\r\n## Dark mode\r\n- Using same system for dark mode like on other pages, that means that borders are usually changing from black to white and the dropshadow as well, if something is not clear feel free to ping.\r\n\r\n## Others\r\n- whole page works like infinity scroll\r\n- burger menu is sticky to the top\r\n- no footer\r\n\r\nQ&A\r\n---\r\nIf you have any questions, please let me know. \r\nI appreciate feedback and pointing up items I may need to look into.\r\nThanks! \r\n",[3156,3159,3162],{"name":3157,"color":3158},"p2","D4C5F9",{"name":3160,"color":3161},"A-collection","FBCA04",{"name":3163,"color":3164},"redesign","227120",5000,"Collection Redesign","2025-08-26T11:27:27Z","https://github.com/kodadot/nft-gallery/issues/5000",0.71455884,{"description":3171,"labels":3172,"number":3179,"owner":3146,"repository":3147,"state":3148,"title":3180,"updated_at":3181,"url":3182,"score":3183},"https://beta.kodadot.xyz/rmrk/gallery/10877512-6ec662611f161fd10a-DDWORLD-DOODLE_KITSUNE-0000000000000028\r\n\r\nNot sure if I'm blind but there is 1px spacing?\r\n\r\n\r\n",[3173,3176,3177],{"name":3174,"color":3175},"bug","d73a4a",{"name":3157,"color":3158},{"name":3178,"color":3161},"A-nuxt",1733,"NFT item detail extra pixel spacing border","2022-01-10T14:22:47Z","https://github.com/kodadot/nft-gallery/issues/1733",0.71653533,{"description":3185,"labels":3186,"number":3191,"owner":3146,"repository":3147,"state":3148,"title":3192,"updated_at":3193,"url":3194,"score":3195},"We've had a quick designer session to knock some bugs out\r\n- Align description with JPEG\r\n- put padding inside, probably same as actions?\r\n \r\n\r\n\r\n- put on same level\r\n\r\n\r\n#955 plus link facts there as well under price chart as we assume no one is checking it but keep it for someone\r\n#957 show only when you can do something with nft\r\n#956 \r\n#990 will be done separately\r\n\r\nStore folded preferences in Vuex so whenever you open another detail it would have a state of current one\r\n\r\nContextual NFTs should be foldable as well.\r\nDefault, price chart, history chart and contextual nfts should be folded\r\nMind that Collection, Creator was moved under price\r\n\r\n\r\n\r\n\r\n",[3187,3190],{"name":3188,"color":3189},"$$","0E8A16",{"name":3157,"color":3158},958,"New gallery item detail 3.0","2021-11-18T13:38:41Z","https://github.com/kodadot/nft-gallery/issues/958",0.71967703,{"description":3197,"labels":3198,"number":3204,"owner":3146,"repository":3147,"state":3148,"title":3205,"updated_at":3206,"url":3207,"score":3208},"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",[3199,3200,3203],{"name":3157,"color":3158},{"name":3201,"color":3202},"chief","67EA1F",{"name":3163,"color":3164},4090,"Redesign: Landing page feedback","2022-11-05T12:48:59Z","https://github.com/kodadot/nft-gallery/issues/4090",0.7227351,{"description":3210,"labels":3211,"number":3218,"owner":3146,"repository":3147,"state":3148,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### 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",[3212,3214,3215,3217],{"name":3213,"color":3189},"$",{"name":3157,"color":3158},{"name":3216,"color":3161},"A-item",{"name":3163,"color":3164},4581,"Gallery Redesign: Buttons and states in right section ","2023-01-04T16:01:12Z","https://github.com/kodadot/nft-gallery/issues/4581",0.7243166,{"description":3224,"labels":3225,"number":3231,"owner":3146,"repository":3147,"state":3148,"title":3232,"updated_at":3233,"url":3234,"score":3235},"I guess it's a small component, but it's really cutting my eyes now having round stuff 😅\r\n\r\nOnce @exezbcz provide the design, we can start working on that :)\r\n\r\nhttps://beta.kodadot.xyz/bsx/explore/?page=2\r\n\u003Cimg width=\"97\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/198827309-f0ce7615-92cf-44d3-9368-4a7b5b79cced.png\">\r\n",[3226,3227,3228,3230],{"name":3213,"color":3189},{"name":3157,"color":3158},{"name":3229,"color":3161},"A-explorer",{"name":3163,"color":3164},4204,"Redesign scroll up button","2022-11-01T14:40:56Z","https://github.com/kodadot/nft-gallery/issues/4204",0.72630984,{"description":3237,"labels":3238,"number":3241,"owner":3146,"repository":3147,"state":3148,"title":3242,"updated_at":3243,"url":3244,"score":3245},"- 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",[3239,3240],{"name":3213,"color":3189},{"name":3157,"color":3158},2578,"Keep only top-border on pagination and sharing buttons","2022-03-19T12:01:17Z","https://github.com/kodadot/nft-gallery/issues/2578",0.7286849,{"description":3247,"labels":3248,"number":3258,"owner":3146,"repository":3147,"state":3148,"title":3259,"updated_at":3260,"url":3261,"score":3262},"\r\n\r\nThe heart will be on the left as a button. \r\nEmojis on-chain appear next to it with counts\r\nSave to packs will be on one third on the right\r\nActions will be showing just buy button if you are not owner of art",[3249,3252,3255],{"name":3250,"color":3251},"UX first","7057ff",{"name":3253,"color":3254},"good first issue","5319e7",{"name":3256,"color":3257},"redesign-seeds","053A03",261,"Sort actionable part for gallery item","2021-07-01T11:15:50Z","https://github.com/kodadot/nft-gallery/issues/261",0.7324835,{"description":3264,"labels":3265,"number":3272,"owner":3146,"repository":3147,"state":3148,"title":3273,"updated_at":3274,"url":3275,"score":3276},"\u003Cimg width=\"1377\" alt=\"Capture d’écran 2022-07-20 à 11 31 34 AM\" src=\"https://user-images.githubusercontent.com/9987732/179949105-b1e7daeb-e3dd-4760-965d-f5f1fc9105ae.png\">\r\n\r\nIn GalleryItem, I would like to see spacing under nft title when there is no legend set (just before \"Traits\" component)\r\n\r\nTested on bsx, this could break rmrk stuff (description, emotes...)",[3266,3269,3270],{"name":3267,"color":3268},"enhancement","a2eeef",{"name":3253,"color":3254},{"name":3271,"color":3158},"p4",3492,"Request: Small UI change","2022-07-25T06:48:04Z","https://github.com/kodadot/nft-gallery/issues/3492",0.73362213,["Reactive",3278],{},["Set"],["ShallowReactive",3281],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNpKr4gVE3iAZjBNCvfKe4RLeOA-7yaDZB5p2mKwJSfs":-1},"/kodadot/nft-gallery/4478"]