{"action":"created","issue":{"url":"https://api.github.com/repos/evil-mad/robopaint/issues/232","labels_url":"https://api.github.com/repos/evil-mad/robopaint/issues/232/labels{/name}","comments_url":"https://api.github.com/repos/evil-mad/robopaint/issues/232/comments","events_url":"https://api.github.com/repos/evil-mad/robopaint/issues/232/events","html_url":"https://github.com/evil-mad/robopaint/issues/232","id":108969636,"number":232,"title":"Settings window: Next Generation","user":{"login":"techninja","id":320747,"avatar_url":"https://avatars.githubusercontent.com/u/320747?v=3","gravatar_id":"","url":"https://api.github.com/users/techninja","html_url":"https://github.com/techninja","followers_url":"https://api.github.com/users/techninja/followers","following_url":"https://api.github.com/users/techninja/following{/other_user}","gists_url":"https://api.github.com/users/techninja/gists{/gist_id}","starred_url":"https://api.github.com/users/techninja/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/techninja/subscriptions","organizations_url":"https://api.github.com/users/techninja/orgs","repos_url":"https://api.github.com/users/techninja/repos","events_url":"https://api.github.com/users/techninja/events{/privacy}","received_events_url":"https://api.github.com/users/techninja/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/evil-mad/robopaint/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/evil-mad/robopaint/labels/ui/ux","name":"ui/ux","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-09-29T22:04:51Z","updated_at":"2015-09-29T22:29:10Z","closed_at":null,"body":"I've been kicking around how to do settings windows forever, and the strange floaty shadow window we've got now came to be because we wanted to see that everything was still working below, and to emphasize the immediacy of its settings (you can change the color set and see it change the mode below).\r\n\r\nAs I build out the new settings for fills and strokes, all I can feel is... _**cramped**_. Default window size less the all around margin means all that useful text and stuff we want to help the user with is trying to do its magic in almost no space. Feels cramped and hard to parse. So I'm now proposing to pull from a very successful settings window model: Google Chrome!\r\n* In Chrome, settings is a regular tab. in RP, would be the equal of a mode (though would not switch away).\r\n* Clean white background & vertical tabs for easy expansion for longish text and lots of tab groupings.\r\n* Somewhat clear interface, takes up the whole screen.\r\n\r\nHere's what I've got so far. Exactly _WHAT_ the tabs are reflect a few other yet to be flushed out changes, but it's a start.\r\n\r\n![robopaint _011](https://cloud.githubusercontent.com/assets/320747/10179214/7740623e-66b9-11e5-8977-a7845c0822d6.png)\r\n\r\n**Notes:**\r\n * This \"window\" is revealed by sliding down from the top, this looks nice and doesn't get in the way with a transition time of 750ms, but I'm not sure if that will continue to not be ever so slightly annoying. \r\n * No transparency, but it's non blocking. Closed with the Done button, or pressing \"Esc\". Spacing at the top allows for Reset and done to expand as needed for other languages.\r\n * Z-index is such that the translate button is still visible and fits well next to the other options.\r\n * I've never been fully sold on the wraparound borders for fieldsets I've been using (and visible for \"Carriage Movement speed\"). Removing them from the main sub-sections has been freeing, but I need more visual design to help with keeping spacing for all these elements at bay.\r\n * Revealed here is the live fill/stroke preview. This is still a brand new work in progress, but it's what I've wanted since the start, and Paper.js makes it work beautifully.\r\n * Tabbed interfaces within tabs: I've not decided on looks, but I think no colors, light greys are usually a win.\r\n * Where  stuff lives is.. always up for contention. I'm now thinking hard that Movement speed is not part of \"style\" at all, unless it changed how things look (which it shouldn't). I'd suggest maybe we get together on a call _**after**_ I figure out what COULD be in all the various sections, and we can figure out what goes where. But I do know that Movement speed should be up front on top with whatever we choose.\r\n"},"comment":{"url":"https://api.github.com/repos/evil-mad/robopaint/issues/comments/144209038","html_url":"https://github.com/evil-mad/robopaint/issues/232#issuecomment-144209038","issue_url":"https://api.github.com/repos/evil-mad/robopaint/issues/232","id":144209038,"user":{"login":"oskay","id":1009180,"avatar_url":"https://avatars.githubusercontent.com/u/1009180?v=3","gravatar_id":"","url":"https://api.github.com/users/oskay","html_url":"https://github.com/oskay","followers_url":"https://api.github.com/users/oskay/followers","following_url":"https://api.github.com/users/oskay/following{/other_user}","gists_url":"https://api.github.com/users/oskay/gists{/gist_id}","starred_url":"https://api.github.com/users/oskay/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oskay/subscriptions","organizations_url":"https://api.github.com/users/oskay/orgs","repos_url":"https://api.github.com/users/oskay/repos","events_url":"https://api.github.com/users/oskay/events{/privacy}","received_events_url":"https://api.github.com/users/oskay/received_events","type":"User","site_admin":false},"created_at":"2015-09-29T22:29:10Z","updated_at":"2015-09-29T22:29:10Z","body":"+1 on updating UI to slider buttons.\r\n\r\nIf you look at the settings in (e.g.,) iOS 9, there is a neat consistency about them: Each item title is in plain text, left justified. Each setting is on the same line, right justified. There is no \"explanation text.\"\r\n\r\nWhat if we make the explanation text only visible if you click an element to \"unhide it\", like so?\r\n![trigger-indicators-2-itunes-disclosure-arrows](https://cloud.githubusercontent.com/assets/1009180/10180033/c8db30a6-66be-11e5-8932-54833180cd37.png)\r\n\r\n"}}