Development Update - Draggable Categories

 avatar
Jeremy avatarJeremy 7 months
{"ops":[{"insert":"Hello brewers,"},{"attributes":{"header":3},"insert":"\n"},{"insert":"\nToday’s update includes a number of improvements to the deck page. Let’s dive in!\n\nUI updates"},{"attributes":{"header":2},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"[Desktop] Removal of the left toolbar"},{"insert":" - The left toolbar is no more! Its contents (plus a few other features) can now be found immediately to the left of your left-most deck category. Shortcuts can be modified via the three dot icon pictured below."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"background":"transparent","color":"#000000"},"insert":{"image":"https://lh7-us.googleusercontent.com/9acus9qOLRtVfJ8gGHstZ_1rSwLkipq-lcInWmsIUFDC2UP6855tr95weJs2gTxeW0VyNV19PnYy0s8KiBcprQKDwA3HPEPLSQ6i37SsC50ysYT16KZ5O-Goo-uEhoA61-6KrGPtWkVm_p9Qr6gnK58"}},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck header"},{"insert":" - We’ve made some adjustments to the UI of the deck header in order to make better use of its space and highlight certain features."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"[Desktop] Deck controls"},{"insert":" - We’ve slightly reorganized deck controls like "},{"attributes":{"italic":true},"insert":"Quick add"},{"insert":", "},{"attributes":{"italic":true},"insert":"View as"},{"insert":", "},{"attributes":{"italic":true},"insert":"Group by"},{"insert":", "},{"attributes":{"italic":true},"insert":"Deck filter"},{"insert":", etc. "},{"attributes":{"italic":true},"insert":"Card search"},{"insert":" has also been moved from the left toolbar (RIP) to this space, next to "},{"attributes":{"italic":true},"insert":"Quick add"},{"insert":"."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Card controls"},{"insert":" - A new three dot icon to the right of a card’s prices in "},{"attributes":{"italic":true},"insert":"Stacks"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Grid"},{"insert":" views now opens the same card context menu that right clicking the card did previously. That menu is located on the far right of any given row in "},{"attributes":{"italic":true},"insert":"Text"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Table"},{"insert":" views. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck settings"},{"insert":" - "},{"attributes":{"italic":true},"insert":"Deck settings"},{"insert":" has been refactored, but includes the same controls as before. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"New deck/package"},{"insert":" - The new deck/package pages have received some minor UI tweaks to better explain "},{"attributes":{"italic":true},"insert":"Private"},{"insert":", "},{"attributes":{"italic":true},"insert":"Unlisted"},{"insert":", and "},{"attributes":{"italic":true},"insert":"Theorycrafted"},{"insert":" options."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Default order of stacks"},{"insert":" - Stacks of cards are now organized alphabetically left to right, line by line (previously alphabetically going up and down, left to right). Significant benefits of this change are that stacks will no longer move unexpectedly when adding cards to them, and it streamlines development such that any future enhancements to stacks can be made more easily. That said, you may notice some of your decks looking a little more lopsided (favoring the left side of the screen) as a result of this change. It this is something you don’t like the look of, check out "},{"attributes":{"italic":true},"insert":"Draggable categories"},{"insert":" below!"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nNew features"},{"attributes":{"header":2},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Card sizes"},{"insert":" - In "},{"attributes":{"italic":true},"insert":"Stacks"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Grid"},{"insert":" views, you can now change card image sizes to "},{"attributes":{"italic":true},"insert":"Small"},{"insert":", "},{"attributes":{"italic":true},"insert":"Medium"},{"insert":" (the default) or "},{"attributes":{"italic":true},"insert":"Large"},{"insert":"! Card image size can be found under the settings cog to the right of "},{"attributes":{"italic":true},"insert":"View as"},{"insert":". "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Margins"},{"insert":" - Margins on the deck page can now be disabled via the "},{"attributes":{"italic":true},"insert":"Disable margins"},{"insert":" toggle under the "},{"attributes":{"italic":true},"insert":"View as"},{"insert":" settings. This will mostly impact users with larger monitors looking to make better use of their horizontal space, though it may get some users on smaller screens an extra column of stacks as well. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Draggable categories"},{"insert":" - In "},{"attributes":{"italic":true},"insert":"Stacks"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Text"},{"insert":" views, you can now reorganize your categories by dragging their stacks around the deck page! "},{"attributes":{"italic":true},"insert":"Draggable categories"},{"insert":" can be toggled on via the settings icon to the right of "},{"attributes":{"italic":true},"insert":"View as"},{"insert":". You can add columns and make other adjustments to your deck layout via the controls that appear in the top right of your deck area when "},{"attributes":{"italic":true},"insert":"Draggable categories"},{"insert":" is toggled on."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Pinned category"},{"insert":" - The old "},{"attributes":{"italic":true},"insert":"Brewer"},{"insert":" view has been removed and replaced with a "},{"attributes":{"italic":true},"insert":"Pinned category"},{"insert":" option under your "},{"attributes":{"italic":true},"insert":"View as"},{"insert":" settings. From any of the four views, this option will pin a definable category to the top of your deck area."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Empty categories"},{"insert":" - You can now choose to view empty categories via "},{"attributes":{"italic":true},"insert":"Category view options"},{"insert":" under the "},{"attributes":{"italic":true},"insert":"View as"},{"insert":" settings. With empty categories toggled on, you can also choose to not view empty default categories (Creature, Sorcery, Enchantment, etc.). These settings works great in tandem with category templates, creating convenient drop zones for your commonly used categories every time you build a new deck.   "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"background":"transparent","color":"#000000"},"insert":{"image":"https://lh7-us.googleusercontent.com/vbJbSyiNk5xMktWQLgmEHHx1nZCHnO352gR1bDMez4xPEppdV8u0NU1QLk2lry6eaSne6G2tKN33duF3uvACxqy99oWj4PNCVpWtiXFqpladxCeiEKANEIBxK30HrIgY7ZcAkyTOsFoHwGtv9bwoqR8"}},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Quick add to category"},{"insert":" - From "},{"attributes":{"italic":true},"insert":"Quick add "},{"insert":"settings, you can now manually select any category in your deck to have cards immediately added to. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Group by"},{"insert":" - Added "},{"attributes":{"italic":true},"insert":"Mana value (spells)"},{"insert":" as a "},{"attributes":{"italic":true},"insert":"Group by"},{"insert":" option."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Sort by"},{"insert":" - Added "},{"attributes":{"italic":true},"insert":"Types"},{"insert":" as a Sort by option. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck snapshots"},{"insert":" - “Deck versions” have been rebranded to “deck snapshots”. In addition to their home under "},{"attributes":{"italic":true},"insert":"Deck history"},{"insert":", snapshots can now be quickly created via the "},{"attributes":{"italic":true},"insert":"Extras "},{"insert":"menu on the deck header."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Card context menu"},{"insert":" - The card context menu (accessible by right clicking a card or via the new three dot icon to the right of a card’s price) now includes a "},{"attributes":{"italic":true},"insert":"Move to category"},{"insert":" option for all categories in your deck."},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPotpourri"},{"attributes":{"header":2},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck page performance"},{"insert":" - We’ve made some tweaks to the deck page that should have it running much smoother now. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nThat’s it for today! "},{"attributes":{"header":3},"insert":"\n"},{"insert":"\nUI updates can be tricky to get right, but we’re hoping we’ve landed on something here that will appeal to new and veteran users alike. Our immense gratitude to the users in "},{"attributes":{"link":"https://discord.gg/6JdYGmJCeV"},"insert":"our community Discord server"},{"insert":" who have helped us over the past couple of weeks to hone in on the final products. Please consider joining us over there if you haven’t already!\n\nIf you have anything to suggest or report, you can find us here, "},{"attributes":{"link":"https://twitter.com/archidekt"},"insert":"@Archidekt"},{"insert":" on Twitter, or over the aforementioned community Discord server. As always, feedback is greatly appreciated!\n\nThe Archidekt Team"},{"attributes":{"header":3},"insert":"\n"},{"insert":"\n"}]}
44
 avatar
Tweets avatarTweets 7 months
{"ops":[{"insert":"Bit of an odd bug: "},{"attributes":{"italic":true},"insert":"Specifically in the Grid view,"},{"insert":" the card size option for 'Normal' is identical to 'Small', so your options are Small/Small/Large. Stacks view has the sizes scale appropriately, strangely enough.\n\nI'm currently at work so I can only test from mobile. I'll check if it's also occurring on desktop later today.\n"}]}
0
 avatar
{"ops":[{"insert":"The sizes for cards can be the same. The sizes denote a minimum size at any given screen size. So there are some overlapping sizes. \n\nSo for example, if the small cards minimum is 195px and the normal size minimum is 225, at 700 pixels, both can only fit 3 columns wide. \n"}]}
0
 avatar
{"ops":[{"insert":"Awesome updates! But it looks like the default stack organization for Text View isn't sorting Alphabetically? Take a look at my screenshot included, this is without any drag options enabled.\n\n"},{"insert":{"image":"https://i.imgur.com/J7QrD2O.png"}},{"insert":"\n"}]}
0
 avatar
{"ops":[{"insert":"That's an odd one. \n\nOkay, so digging into this a bit, a lot of the categories in that deck have a bunch of forwarding spaces in the category names. That is to say, the category name starts with a space. This messes with the alphebetization of the category names and is likely the cause of the discrepancy. \n\nWe did change the way categories were ordered by default. Rather than ordering down then across, it orders across then down. This has a few large benefits to the older layout and they're listed above. Though obviously they come with the tradeoff of being different to what it was. \n\nI suspect that editing the category names from the deck settings will fix the discrepancy. If you don't care for the new layout, that's one of the major reasons we added draggable categories, so hopefully that'll help streamline any changes. \n\nIf when you remove the forwarding spaces it's still in an odd order, feel free to ping me and I can take another peek. \n\nHope this helps! \n"}]}
1
 avatar
Almoges avatarAlmoges 7 months
{"ops":[{"insert":"thank u to try make the webe more is easy for us but now swich between deck is more hard for add new card is more hard u need go to the top of the page if u can just returne the options to add new card and switch between deck is be amazing \n"}]}
0
 avatar
{"ops":[{"insert":"Just to clarify, are you talking about the fact that the global toolbar is no longer pinned to the top?\n\nThis change was made so that users with smaller screens would have more space while working on decks. Adding back an option is possible, but would be pretty annoying to have to maintain since everything would need to shift that far down in a handful of different places. For now, I'm going to leave it as is, but if more people express interest in their being an option, I'm not 100% opposed to the idea.\n\nAs for adding cards, if you're referring to the card search button no longer being pinned, you can still access card search from anywhere using the keybind Ctrl (or Cmd on a mac) + Enter. Doing so will open card search.\n"}]}
2