Skip to content
Snippets Groups Projects
  1. May 26, 2017
  2. May 19, 2017
  3. May 17, 2017
  4. May 11, 2017
  5. May 10, 2017
  6. Mar 06, 2017
    • Steven Dale's avatar
      Libraries: Design pass (#160) · 702dddbb
      Steven Dale authored
      * Design pass on libraries to make sprites look more like they do in the SpriteSelector. Fixed scrolling overflow when reaching the bottom
      * Started a colors variables file
      * Added a light transform on sprite item hover
      
      Related #12
      702dddbb
  7. 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
  8. 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
  9. Jan 09, 2017
  10. Dec 15, 2016
  11. Dec 07, 2016
    • 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
Loading