Skip to content
Snippets Groups Projects
  1. Feb 15, 2017
    • Eric Rosenbaum's avatar
      Check for empty sound array · c4decffc
      Eric Rosenbaum authored
      c4decffc
    • 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
  2. Feb 14, 2017
  3. Feb 09, 2017
  4. Feb 08, 2017
  5. Feb 07, 2017
  6. Feb 06, 2017
  7. Feb 03, 2017
  8. Feb 02, 2017
  9. Feb 01, 2017
  10. Jan 31, 2017
    • Ray Schamp's avatar
      Cache stage bounding box · 6385cb06
      Ray Schamp authored
      `getBoundingClientRect` forces WebKit to recalculate the layout ("force reflow"), so cache the canvas bounding box rather than getting it on every mouse event.
      6385cb06
  11. Jan 30, 2017
  12. Jan 28, 2017
  13. Jan 27, 2017
  14. Jan 24, 2017
  15. Jan 19, 2017
  16. Jan 13, 2017
  17. Jan 12, 2017
  18. Jan 11, 2017
  19. Jan 09, 2017
  20. Jan 06, 2017
  21. Jan 04, 2017
  22. Dec 20, 2016
  23. Dec 16, 2016
  24. Dec 15, 2016
    • Ray Schamp's avatar
      Lint · f9970d6c
      Ray Schamp authored
      f9970d6c
    • Ray Schamp's avatar
      370d66e4
    • Ray Schamp's avatar
      Use Box in libraries and modal · 6ae2fbb6
      Ray Schamp authored
      6ae2fbb6
    • 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
  25. Dec 12, 2016
  26. Dec 07, 2016
    • Ray Schamp's avatar
      Give GUIComponent responsibility of children · 7542f1b5
      Ray Schamp authored
      This will allow the GUIComponent to have control over the layout
      7542f1b5
    • Ray Schamp's avatar
      Use CSS modules for styles · 16fbb64c
      Ray Schamp authored
      The inline css method gives us nothing that CSS modules can't give us. This puts the project more in line with the way www works, and makes CSS actually readable.
      
      Using class names gives us full control of the modal styles.
      16fbb64c
  27. Dec 06, 2016
    • Ray Schamp's avatar
      Style pass · d1396091
      Ray Schamp authored
      Refactor SpriteSelector into "Target Pane" which contains the sprite selector, stage selector, and the buttons for new sprites, costumes and backdrops.
      d1396091
  28. Dec 05, 2016
  29. Dec 03, 2016
    • Ray Schamp's avatar
      Reduxify sprite selector · 24389c30
      Ray Schamp authored
      In preparation to split the sprites from the stage, start managing the target list state in a single place.
      24389c30
Loading