diff --git a/Makefile b/Makefile index 7ebbf6f..9f52a77 100644 --- a/Makefile +++ b/Makefile @@ -6,7 +6,7 @@ build: mkdir -p dist cat lib/css/base.css lib/css/bars.css lib/css/lists.css lib/css/forms.css lib/css/buttons.css lib/css/chevrons.css lib/css/counts.css lib/css/segmented-controllers.css lib/css/popovers.css lib/css/modals.css lib/css/sliders.css lib/css/toggles.css lib/css/push.css > ./dist/ratchet.tmp.css cat lib/js/*.js > ./dist/ratchet.tmp.js - @echo "/**\n * ==================================\n * Ratchet v1.0.1\n * Licensed under The MIT License\n * http://opensource.org/licenses/MIT\n * ==================================\n */\n" > ./dist/copywrite.txt + @echo "/**\n * ==================================\n * Ratchet v1.0.2\n * Licensed under The MIT License\n * http://opensource.org/licenses/MIT\n * ==================================\n */\n" > ./dist/copywrite.txt cat ./dist/copywrite.txt ./dist/ratchet.tmp.js > ./dist/ratchet.js cat ./dist/copywrite.txt ./dist/ratchet.tmp.css > ./dist/ratchet.css rm ./dist/ratchet.tmp.css ./dist/ratchet.tmp.js ./dist/copywrite.txt diff --git a/README.md b/README.md index 7e01d40..05e8e5a 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Ratchet +# Ratchet v1.0.2 Prototype mobile apps with simple HTML, CSS and JS components. @@ -29,23 +29,6 @@ A small list of "gotchas" are provided below for designers and developers starti - Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:/// protocol); consequently, Ratchet does not work when opened directly as a file. - A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run ```python -m SimpleHTTPServer ``` to serve up the files in the current directory to ```http://localhost:``` -## Future features - -Ratchet is just getting started. Here are some of the immediate features we're thinking about: - -- Shelf (exposable left hand navigation a la Path or Facebook) -- Gridviews -- Notifications -- Slide control -- More list views options -- Improved active states (especially for lists) -- Docking list dividers -- Touch library for richer touch events (swipes, long press, etc) -- Autocomplete -- Hiding title bar (hides with scroll) - -Even these are just the short-term goals though. We eventually want to extend Ratchet beyond the prototying for iPhone and create HTML/CSS/JS components for iPad and Android devices. Our dream is that Ratchet becomes the best way to create mobile experiences with web standard languages. - ## Authors Dave Gamache diff --git a/component.json b/component.json index 785ab77..aa8637c 100644 --- a/component.json +++ b/component.json @@ -1,5 +1,5 @@ { "name": "ratchet", - "version": "1.0.1", + "version": "1.0.2", "main": ["./dist/ratchet.js", "./dist/ratchet.css"] } diff --git a/dist/ratchet.css b/dist/ratchet.css index 23fc781..fd5a4fb 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -1,6 +1,6 @@ /** * ================================== - * Ratchet v1.0.1 + * Ratchet v1.0.2 * Licensed under The MIT License * http://opensource.org/licenses/MIT * ================================== @@ -436,7 +436,7 @@ a { /* Pad each list item and add dividers */ .list li { position: relative; - padding: 20px 60px 20px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */ + padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */ border-bottom: 1px solid rgba(0, 0, 0, .1); } @@ -450,7 +450,7 @@ a { position: relative; display: block; padding: inherit; - margin: -20px -60px -20px -10px; + margin: -11px -60px -11px -10px; color: inherit; } @@ -735,6 +735,11 @@ select { } +/* Make button elements go full width when given .button-block class */ +button.button-block { + width: 100%; +} + /* Counts in buttons -------------------------------------------------- */ diff --git a/dist/ratchet.js b/dist/ratchet.js index 71ba104..0e6d31b 100644 --- a/dist/ratchet.js +++ b/dist/ratchet.js @@ -1,6 +1,6 @@ /** * ================================== - * Ratchet v1.0.1 + * Ratchet v1.0.2 * Licensed under The MIT License * http://opensource.org/licenses/MIT * ================================== @@ -558,7 +558,7 @@ window.addEventListener('click', function (e) { if (getTarget(e.target)) e.preventDefault(); }); }();/* ---------------------------------- - * SLIDER v1.0.0 + * SLIDER v1.0.1 * Licensed under The MIT License * Adapted from Brad Birdsall's swipe * http://opensource.org/licenses/MIT @@ -581,7 +581,7 @@ var scrollableArea; var getSlider = function (target) { - var i, sliders = document.querySelectorAll('.slider ul'); + var i, sliders = document.querySelectorAll('.slider > ul'); for (; target && target !== document; target = target.parentNode) { for (i = sliders.length; i--;) { if (sliders[i] === target) return target; } } @@ -764,4 +764,4 @@ toggle = false; }); -}(); \ No newline at end of file +}(); diff --git a/lib/css/buttons.css b/lib/css/buttons.css index 4544c1d..4b75beb 100644 --- a/lib/css/buttons.css +++ b/lib/css/buttons.css @@ -79,6 +79,11 @@ } +/* Make button elements go full width when given .button-block class */ +button.button-block { + width: 100%; +} + /* Counts in buttons -------------------------------------------------- */ diff --git a/lib/css/lists.css b/lib/css/lists.css index 53da49e..f6d92ba 100644 --- a/lib/css/lists.css +++ b/lib/css/lists.css @@ -11,7 +11,7 @@ /* Pad each list item and add dividers */ .list li { position: relative; - padding: 20px 60px 20px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */ + padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */ border-bottom: 1px solid rgba(0, 0, 0, .1); } @@ -25,7 +25,7 @@ position: relative; display: block; padding: inherit; - margin: -20px -60px -20px -10px; + margin: -11px -60px -11px -10px; color: inherit; } diff --git a/lib/js/sliders.js b/lib/js/sliders.js index cdbba7d..7675e36 100644 --- a/lib/js/sliders.js +++ b/lib/js/sliders.js @@ -1,5 +1,5 @@ /* ---------------------------------- - * SLIDER v1.0.0 + * SLIDER v1.0.1 * Licensed under The MIT License * Adapted from Brad Birdsall's swipe * http://opensource.org/licenses/MIT