Skip to content
Snippets Groups Projects
  1. Mar 07, 2017
  2. Feb 27, 2017
    • Steven Dale's avatar
      Configurable SpriteSelectorItems per row (#90). Standardized spacer variable... · 7f0141e7
      Steven Dale authored
      Configurable SpriteSelectorItems per row (#90). Standardized spacer variable (#84). MenuBar Pass (#130)
      
      * Standardized use of space units where appropriate
      * Reversed box classes for easier readability in Inspector
      * Sprite Area: removed unused info button
      * SpriteSelectorItems: fixed spacing between rows. Isolated layout + component CSS, now reusable in other context. Items per row is now easily configurable
      * MenuBar: refactored structure for clickable items
      7f0141e7
  3. Feb 15, 2017
    • Steven Dale's avatar
      Design pass: layout panes, sprite libraries, info area, import buttons, + menu bar (#83) · 74dde69f
      Steven Dale authored
      * Covers parts of these issues: GUI layout panes (#69), sprite libraries (#12), import buttons (#64), menu bar (#67), and sprite info area (#53)
      
      ~ Refactored layout pane structure by removing `display: flex` from `.box`, by default. Declaring flex instead only where specifically needed. This helped fix layout quirks, and should help us avoid hard to find issues related to nested flex boxes
      
      ~ Added descriptive classnames to boxes/containers/wrappers. Moved more padding, margins + layout into these wrappers to help with component reusability.
      
      ~ Set up a spacer unit variable inside `gui.css`, to start keeping consistent padding, margins and rounded corners between panes. Used [CSS/PostCSS Modules](https://github.com/css-modules/postcss-modules-values) to avoid SCSS dependency.
      
      ~ Refactored inline styles from JSX, into CSS files. 2 reasons: a) prepping for reuse of CSS Module variables. b) Feels easier to debug complex flex layouts when all the styles are in one place vs JS/HTML/CSS syntax mixed together
      
      ~ Added menu bar into layout via new component, and sprite info header in sprite selector pane, with stubs for the labels + forms. Sprite items are correctly scrolling, while leaving the header fixed, in Chrome. Mostly working in FFx. Not working in Safari, IE yet.
      
      ~ Style pass on library modal
      
      ~ Experimenting with a few different transition styles: Logo in menu bar, sprite library items, Add buttons.
      74dde69f
  4. Dec 15, 2016
    • Ray Schamp's avatar
      Layout pass · 789fd146
      Ray Schamp authored
      Move layout styles from component stylesheets to the GUI, or the component that is placing the component.
      
      Add a new `Box` component to control layouts, basically giving a convenient way to lay out with flexbox.
      
      Use `Box` as the output component for any component that may need to be passed layout options. The props passing convention allows giving layout props to the final `Box` component, making wrapping with another `Box` unnecessary in some cases.
      789fd146
Loading