# HG changeset patch # User Ludovic Chabant # Date 1411656861 25200 # Node ID 0c19c4a8c959d6c4db14e13c8c4a15e141dcbd31 # Parent 294b2f23cba93f3babb001cc703f7cad07b91b4d Start transitioning from Bootstrap to Pure (WIP). * Add Pure library, rewrite some main UIs with it. * New and pretty navigation menu. diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/css/custom-variables.less --- a/wikked/assets/css/custom-variables.less Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/css/custom-variables.less Thu Sep 25 07:54:21 2014 -0700 @@ -5,7 +5,10 @@ // Bootstrap overrides // ------------------------- -@body-bg: #fff; +@gray-light: #eee; +@gray-dark: #444; + +@body-bg: @gray-light; @text-color: @gray-dark; @font-size-base: 20px; @@ -13,7 +16,7 @@ @line-height-computed: floor(@font-size-base * @line-height-base); @font-family-serif: Georgia,Cambria,"Times New Roman",Times,serif; -@font-family-sans-serif: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; +@font-family-sans-serif: Helvetica,Arial,sans-serif; @font-family-base: @font-family-serif; @headings-font-family: @font-family-sans-serif; diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/css/wikked.less --- a/wikked/assets/css/wikked.less Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/css/wikked.less Thu Sep 25 07:54:21 2014 -0700 @@ -1,10 +1,11 @@ +// Import Pure. +@import (less) "../pure/pure.css"; + // Import basic variables and mixins. @import "wikked/base.less"; -// Then include Bootstrap. -@import "../bootstrap/less/bootstrap.less"; - // Now import our styles. +@import "wikked/nav.less"; @import "wikked/main.less"; @import "wikked/page.less"; @import "wikked/alerts.less"; diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/css/wikked/base.less --- a/wikked/assets/css/wikked/base.less Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/css/wikked/base.less Thu Sep 25 07:54:21 2014 -0700 @@ -3,12 +3,42 @@ @color-blue: #0F1FFF; @color-blue-dark: #1D3982; @color-orange: #B03500; +@color-green-light: #C0CCAD; @color-green: #B6CC95; @color-green-dark: #496B15; -@color-gray: rgb(220, 220, 220); -@color-gray-dark: rgb(170, 170, 170); @color-code: #523C37; +@color-gray-light: #EEE; +@color-gray-medium: #999; +@color-gray-dark: #444; +@body-bg: @color-gray-light; +@text-color: @color-gray-dark; +@code-color: #C7254E; +@code-bg: #F9F2F4; + +@link-color: #428bca; +@link-hover-color: darken(@link-color, 15%); + +//@font-size-base: 20px; +//@line-height-base: 1.5; +//@line-height-computed: floor(@font-size-base * @line-height-base); + +//@font-family-serif: Georgia,Cambria,"Times New Roman",Times,serif; +//@font-family-sans-serif: Helvetica,Arial,sans-serif; +//@font-family-base: @font-family-serif; + +//@headings-font-family: @font-family-sans-serif; +//@headings-font-weight: 700; +//@headings-line-height: 1.5; + +@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-serif: Georgia, "Times New Roman", Times, serif; +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; + +// Enough with the bullshit. +* { + box-sizing: border-box; +} // Macros .box-shadow(@style, @c) { @@ -17,3 +47,8 @@ -moz-box-shadow: @style @c; } +// Bootstrap glyphicons, until I can find something better. +@icon-font-path: "../bootstrap/fonts/"; +@icon-font-name: "glyphicons-halflings-regular"; + +@import "../../bootstrap/less/glyphicons.less"; diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/css/wikked/main.less --- a/wikked/assets/css/wikked/main.less Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/css/wikked/main.less Thu Sep 25 07:54:21 2014 -0700 @@ -1,8 +1,7 @@ // Main tags body { - //background: url('../img/gray_jean.png'); - color: rgb(50, 50, 50); + background-color: @body-bg; } // Global classes @@ -30,6 +29,42 @@ } p { - margin: 0 0 @line-height-computed; + margin: 0 0 1.5em; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + white-space: nowrap; + border-radius: 4px; + font-family: Menlo,Monaco,Consolas,"Courier New",monospace; +} + +.pure-form-help { + margin: 0.5em 0 1em 0; + font-size: 85%; } +.pure-control-addon { + display: table; + margin-bottom: 0.5em; + + label, input { + display: table-cell; + } + label:first-child { + border-radius: 4px 0 0 4px; + padding: 0.5em 0.6em; + border: 1px solid #CCC; + border-right: 0px none; + width: 1%; + white-space: nowrap; + } + input:last-child { + border-radius: 0 4px 4px 0; + width: 100%; + } +} + diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/css/wikked/nav.less --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/wikked/assets/css/wikked/nav.less Thu Sep 25 07:54:21 2014 -0700 @@ -0,0 +1,189 @@ + +// Extending Pure's horizontal menu. + +// Allow free links and forms in menus. +.pure-menu .pure-menu-link, +.pure-menu .pure-menu-form { + display: inline-block; + vertical-align: middle; + position: relative; +} + +// Make menu forms tighter. +.pure-menu-form fieldset { + padding: 0; +} + +@media (min-width: 48em) { + // Place right-aligned menu items to, well, to the right. + .pure-menu .pure-menu-horizontal-right { + float: right; + } + .pure-menu-horizontal:after { + clear: both; + } +} + + +// Navigation menu +@wiki-menu-height: 4.5em; +@wiki-shortcut-width: 4em; +@wiki-shortcut-height: 3em; + +body { + padding-top: @wiki-shortcut-height; + transition: padding 200ms ease-in-out 0s, + margin 200ms ease-in-out 0s; +} + +.wiki-menu-a { + color: @color-gray-dark; +} +.wiki-menu-a-hover { + background: @color-green-light; + text-decoration: none; +} + +.wiki-menu-scrolling { + box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); +} + +.wiki-menu-active { + top: 0 !important; +} + +.wiki-menu-inactive { + top: -2*@wiki-menu-height !important; +} + +#wiki-menu { + position: fixed !important; + top: -2*@wiki-menu-height; + left: 0; + width: 100%; + z-index: 10; + padding-left: @wiki-shortcut-width; + color: @color-gray-dark; + background-color: @body-bg; + border-bottom: none; + transition: box-shadow 200ms ease-in-out 0s, + border-bottom 200ms ease-in-out 0s, + top 200ms ease-in-out 0s, + !important; + a { + padding: 1em; + .wiki-menu-a(); + } + a:link, a:visited, a:active { + .wiki-menu-a(); + } + a:hover, a:focus { + .wiki-menu-a-hover(); + } +} + +#wiki-menu-shortcut { + position: fixed !important; + top: 0; + left: 0; + z-index: 11; + padding: 1.28em 1.5em; + font-weight: bold; + color: @body-bg; + background: @color-gray-dark; + text-decoration: none; + cursor: pointer; +} + +@media (min-width: 48em) { + // Hide the shortcut and move the horizontal menu down. + #wiki-menu { + top: 0; + } + body { + padding-top: @wiki-menu-height; + } +} + +// Search +form#search button { + background: none; + padding: 0.5em; + &:hover { color: @link-hover-color; } +} +ul#search-preview { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + top: auto; + left: 0; + z-index: 12; + visibility: visible; + background: #FFF; + border: 1px solid #CCC; + border-radius: 4px; + box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); + + li { + border-bottom: 1px solid #EEE; + margin: 0; + padding: 0; + width: 100%; + + &:hover, &:focus { + } + } + a { + margin: 0; + padding: 0.5em; + display: inline-block; + width: 100%; + } +} +ul.search-results { + list-style: none; +} +b.match { + background: #ffeb84; +} + +// Footer +.footer-wrapper { + margin: 0 auto; + padding: 0 1.5em; +} +footer { + color: @color-gray-dark; + border-top: 1px solid @color-gray-light; + padding: 1.5em 0; + font-weight: 300; + letter-spacing: -0.03em; + text-align: center; + + a { + text-decoration: none; + color: @color-gray-dark; + &:link { color: @color-gray-dark; } + &:visited { color: @color-gray-dark; } + &:hover { color: @color-green-dark; text-decoration: none; } + &:active { color: @color-gray-dark; } + } + ul { + list-type: none; + } + li { + display: inline-block; + margin: 0; + padding: 0 0.5em; + } + /*li:before { + content: '•'; + font-weight: 700; + margin: 0 0.5em; + } + li:first-child:before { + content: none; + }*/ +} + diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/css/wikked/page.less --- a/wikked/assets/css/wikked/page.less Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/css/wikked/page.less Thu Sep 25 07:54:21 2014 -0700 @@ -2,76 +2,9 @@ // Article article { //background-image: url(http://basehold.it/i/30); - margin: 0 auto; - padding: 0 @line-height-computed; -} - -// Navigation & footer -.navbar { - color: @gray-light; - font-size: @font-size-small; - font-family: @font-family-sans-serif; - - a { - text-decoration: none; - color: @gray-light; - &:link { color: @gray-light; } - &:visited { color: @gray-light; } - &:hover { color: @link-hover-color; } - &:active { color: @gray-light; } - } -} -// Fix Boostrap stuff we don't want. -.navbar { - //margin-bottom: 0; -} -.navbar li a { - line-height: floor(@font-size-small * @line-height-base); -} -.navbar-brand { - // Make the first navigation link ("brand") the same size - // as the rest. - font-size: @font-size-small; - line-height: floor(@font-size-small * @line-height-base); -} - -.footer-wrapper { + max-width: 768px; margin: 0 auto; - padding: 0 @line-height-computed; -} -footer { - color: @color-gray-dark; - border-top: 1px solid @color-gray; - padding: @line-height-computed 0; - font-weight: 300; - font-size: @font-size-small; - font-family: @font-family-sans-serif; - letter-spacing: -0.03em; - - a { - text-decoration: none; - color: @color-gray-dark; - &:link { color: @color-gray-dark; } - &:visited { color: @color-gray-dark; } - &:hover { color: @color-green-dark; text-decoration: none; } - &:active { color: @color-gray-dark; } - } - ul { - list-type: none; - } - li { - display: inline-block; - margin: 0; - padding: 0 0.5em; - } - /*li:before { - content: '•'; - font-weight: 700; - margin: 0 0.5em; - } - li:first-child:before { - content: none; - }*/ + padding: 0 1em; } // Page title decorator @@ -79,13 +12,13 @@ text-transform: uppercase; font-family: @font-family-sans-serif; font-weight: 200; - font-size: 1.1em; - margin-top: -(@line-height-computed / 2); - margin-bottom: (@line-height-computed / 2); + font-size: 0.8em; + margin-top: -0.25em; + margin-bottom: 0.75em; letter-spacing: 0.1em; color: @color-gray-dark; .rev_id { - font-family: @font-family-monospace; + //font-family: @font-family-monospace; } } .decorator-sm { @@ -94,83 +27,17 @@ // Page info section.info { - margin: @line-height-computed 0 0 0; - padding: @line-height-computed 0; - border-top: 1px solid @color-gray; + margin: 1.5em 0 0 0; + padding: 1.5em 0; + border-top: 1px solid @color-gray-light; .info-categories { color: @color-gray-dark; font-weight: 300; - font-size: @font-size-small; - font-family: @font-family-sans-serif; text-transform: uppercase; } } -// Main page classes -/*.wrapper>article { - .box-shadow(0 0 10px, rgb(210, 210, 210)); - background: @colorPage; - overflow: hidden; - - header { - background: @colorBlueDark; - color: @colorPage; - } - footer { - background: @colorFooter; - border-top: 1px dashed darken(@colorFooter, 5%); - } - pre { - margin-top: @line-height-computed; - } -} -.wrapper>article>header, -.wrapper>article>section, -.wrapper>article>footer { - padding: @line-height-computed; -} -.wrapper>footer { - font-size: @font-size-small; -} -.special>article { - background: @colorGreen; -} -.special>article header { - background: @colorGreenDark; -} -.special>article footer { - background: @colorGreen; -} -*/ - -// Search -ul#search-preview { - position: absolute; - list-style: none; - margin: 0; - padding: 0; - - li { - background: #fff; - border: 1px solid #eee; - margin: 0; - padding: 0; - } - a { - margin: 0; - padding: 0.5em; - display: inline-block; - width: 100%; - } -} -ul.search-results { - list-style: none; -} -b.match { - background: #ffeb84; -} - // Page editing #wmd-preview-button span { background: url(../img/markdown-32x20.png); @@ -182,17 +49,18 @@ } #wmd-input { height: 10em; - font-size: @font-size-base; + width: 100%; + //font-size: @font-size-base; font-family: @font-family-monospace; margin-bottom: 0; - border: 1px solid @gray-light; + border: 1px solid @color-gray-light; border-radius: 0; border-width: 1px 1px 0 1px; } #wmd-input-grip { - background: @gray-lighter; + //background: @gray-lighter; height: 12px; - border: 1px solid @gray-light; + border: 1px solid @color-gray-light; border-width: 0 1px 1px 1px; cursor: ns-resize; } @@ -200,7 +68,7 @@ display: inline-block; } #wmd-preview-wrapper { - border: 1px solid @gray-light; + border: 1px solid @color-gray-light; #wmd-preview { margin: 1em; @@ -223,7 +91,7 @@ letter-spacing: 0.03em; } .meta-value { - background: @color-gray; + background: @color-gray-light; color: black; padding: 0.2em 0.6em 0.2em 0.4em; border-radius: 0 0.5em 0.5em 0; @@ -234,21 +102,9 @@ margin-bottom: 1em; } -/* Small devices (tablets, 768px and up) */ -@media (min-width: @screen-sm-min) { - article, .footer-wrapper { - width: 700px; - } - .wide { - width: 100%; +@media screen and (min-width: 48em) { + article { + padding: 0 2em; } } -/* Medium devices (desktops, 992px and up) */ -@media (min-width: @screen-md-min) { -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: @screen-lg-min) { -} - diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/js/wikked/models.js --- a/wikked/assets/js/wikked/models.js Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/js/wikked/models.js Thu Sep 25 07:54:21 2014 -0700 @@ -46,16 +46,19 @@ .done(function (data) { $model._isSearching = false; callback(data); - this._flushPendingQuery(); + $model._flushPendingQuery(); }) .fail(function() { $model._isSearching = false; - this._flushPendingQuery(); + $model._flushPendingQuery(); }); }, doSearch: function(form) { this.navigate('/search/' + $(form.q).val(), { trigger: true }); }, + doGoToSearchResult: function(url) { + this.navigate(url, { trigger: true }); + }, doNewPage: function(form) { this.navigate('/create/', { trigger: true }); }, diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/js/wikked/views.js --- a/wikked/assets/js/wikked/views.js Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/js/wikked/views.js Thu Sep 25 07:54:21 2014 -0700 @@ -180,19 +180,81 @@ }, render: function() { NavigationView.__super__.render.apply(this, arguments); + + // Hide the drop-down for the search results. this.searchPreviewList = this.$('#search-preview'); this.searchPreviewList.hide(); + this.activeResultIndex = -1; + + // Add a pretty shadow on the menu when scrolling down. + $(window).scroll(this, this._onWindowScroll); + + this.wikiMenu = $('#wiki-menu'); + this.isScrolled = ($(window).scrollTop() > 0); + this.isMenuActive = (this.wikiMenu.css('top') == '0px'); + this.isMenuActiveLocked = false; + return this; }, events: { + "click #wiki-menu-shortcut": "_onMenuShortcutClick", + "mouseenter #wiki-menu-shortcut": "_onMenuShortcutHover", + "mouseleave #wiki-menu-shortcut": "_onMenuShortcutLeave", + "mouseenter #wiki-menu": "_onMenuHover", + "mouseleave #wiki-menu": "_onMenuLeave", "submit #search": "_submitSearch", "submit #newpage": "_submitNewPage", "input #search-query": "_previewSearch", - "keyup #search-query": "_searchQueryChanged" + "keyup #search-query": "_searchQueryChanged", + "focus #search-query": "_searchQueryFocused", + "blur #search-query": "_searchQueryBlurred" + }, + _onWindowScroll: function(e) { + var scrollTop = $(window).scrollTop(); + if (scrollTop > 0 && !e.data.isScrolled) { + e.data.wikiMenu.addClass('wiki-menu-scrolling'); + e.data.isScrolled = true; + } else if (scrollTop === 0 && e.data.isScrolled) { + e.data.wikiMenu.removeClass('wiki-menu-scrolling'); + e.data.isScrolled = false; + } + }, + _onMenuShortcutClick: function(e) { + this.isMenuActive = !this.isMenuActive; + }, + _onMenuShortcutHover: function(e) { + if (this.isMenuActive || this.isMenuActiveLocked) + return; + this.wikiMenu.toggleClass('wiki-menu-inactive', false); + this.wikiMenu.toggleClass('wiki-menu-active', true); + }, + _onMenuShortcutLeave: function(e) { + if (this.isMenuActive || this.isMenuActiveLocked) + return; + this.wikiMenu.toggleClass('wiki-menu-active', false); + this.wikiMenu.toggleClass('wiki-menu-inactive', true); + }, + _onMenuHover: function(e) { + if (this.isMenuActive || this.isMenuActiveLocked) + return; + this.wikiMenu.toggleClass('wiki-menu-inactive', false); + this.wikiMenu.toggleClass('wiki-menu-active', true); + }, + _onMenuLeave: function(e) { + if (this.isMenuActive || this.isMenuActiveLocked) + return; + this.wikiMenu.toggleClass('wiki-menu-active', false); + this.wikiMenu.toggleClass('wiki-menu-inactive', true); }, _submitSearch: function(e) { e.preventDefault(); - this.model.doSearch(e.currentTarget); + if (this.activeResultIndex >= 0) { + var entries = this.searchPreviewList.children(); + var choice = $('a', entries[this.activeResultIndex]); + this.model.doGoToSearchResult(choice.attr('href')); + } else { + this.model.doSearch(e.currentTarget); + } return false; }, _submitNewPage: function(e) { @@ -226,7 +288,37 @@ if (e.keyCode == 27) { // Clear search on `Esc`. $(e.currentTarget).val('').trigger('input'); + } else if (e.keyCode == 38) { + // Up arrow. + e.preventDefault(); + if (this.activeResultIndex >= 0) { + this.activeResultIndex--; + this._updateActiveResult(); + } + } else if (e.keyCode == 40) { + // Down arrow. + e.preventDefault(); + if (this.activeResultIndex < + this.searchPreviewList.children().length - 1) { + this.activeResultIndex++; + this._updateActiveResult(); + } } + }, + _updateActiveResult: function() { + var entries = this.searchPreviewList.children(); + entries.toggleClass('wiki-menu-a-hover', false); + if (this.activeResultIndex >= 0) + $(entries[this.activeResultIndex]).toggleClass('wiki-menu-a-hover', true); + }, + _searchQueryFocused: function(e) { + this.isMenuActiveLocked = true; + }, + _searchQueryBlurred: function(e) { + $(e.currentTarget).val('').trigger('input'); + this.isMenuActiveLocked = false; + if (!this.wikiMenu.is(':focus')) + this._onMenuLeave(e); } }); @@ -444,20 +536,16 @@ return false; }, _addPreview: function() { - $('article').addClass('container-fluid').addClass('wide'); - $('.header-wrapper').addClass('row'); - $('.header-wrapper>header').addClass('col-md-12'); - $('.editing-wrapper').addClass('row'); - $('.editing-wrapper>.editing').addClass('col-md-6'); - $('.editing-wrapper>.preview').addClass('col-md-6').show(); + $('article').addClass('pure-g'); + $('.header-wrapper>header').addClass('pure-u-1'); + $('.editing-wrapper>.editing').addClass('pure-u-1 pure-u-md-1-2'); + $('.editing-wrapper>.preview').addClass('pure-u-1 pure-u-md-1-2').show(); }, _removePreview: function() { - $('article').removeClass('container-fluid').removeClass('wide'); - $('.header-wrapper').removeClass('row'); - $('.header-wrapper>header').removeClass('col-md-12'); - $('.editing-wrapper').removeClass('row'); - $('.editing-wrapper>.editing').removeClass('col-md-6'); - $('.editing-wrapper>.preview').removeClass('col-md-6').hide(); + $('article').removeClass('pure-g'); + $('.header-wrapper>header').removeClass('pure-u-1'); + $('.editing-wrapper>.editing').removeClass('pure-u-1 pure-u-md-1-2'); + $('.editing-wrapper>.preview').removeClass('pure-u-1 pure-u-md-1-2').hide(); }, _toggleFullPreview: function(e) { var $view = this; diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/pure/HISTORY.md --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/wikked/assets/pure/HISTORY.md Thu Sep 25 07:54:21 2014 -0700 @@ -0,0 +1,413 @@ +Pure Change History +=================== + +0.5.0 (2014-05-27) +------------------ + +### Base + +* Added the `.pure-img` class name for make images scale with the viewport in + fluid layouts. + +### Grids + +* __[!]__ Removed `.pure-g-r` from core, in favor of a mobile-first responsive + grid system. ([#24][], [#267][]) + + To use the mobile-first grid system, you need to pull in `pure.css`, along + with `grids-responsive.css`. We also have `grids-responsive-old-ie.css` that + you can serve to IE < 9 users so that they can view a desktop-version of your + website: + + ```html + + + + + + + ``` + + Find out more about the new grid system at . + +### Tables + +* Switched cell padding in Tables from `px` to `em` units, and also increased + the amount of padding to `padding: 0.5em 1em`. + + +[#24]: https://github.com/yui/pure/issues/24 +[#267]: https://github.com/yui/pure/pull/267 + + +0.4.2 (2014-02-13) +------------------ + +* Added `main` to Pure's `bower.json` file to allow easier integration with + build processes and tooling. ([#286][] @stevenvachon) + +### Forms + +* Improved how `` elements look in Chrome by fixing + paddings. ([#283][] @jpetto) + +* Removed `font-size` rules from ``, ``, and `
` + elements within `.pure-form`. Font sizes are now inherited from the + application's CSS file. ([#265][]) + +* Invalid `` elements within a Pure Form no longer explicitly set a + `border-width`. ([#295][] @kwando) + + +[#265]: https://github.com/yui/pure/issues/265 +[#283]: https://github.com/yui/pure/issues/283 +[#286]: https://github.com/yui/pure/issues/286 +[#295]: https://github.com/yui/pure/issues/295 + + +0.4.1 (2014-02-06) +------------------ + +### Base + +* Elements that have Pure classnames which set a `display` declaration _and_ use + the `hidden` HTML attribute will now properly be hidden. With these changes, + the following button will be hidden from view: + + ```html + + ``` + + A new rule for the `[hidden]` selector has been added with the declaration: + `display: none !important;`. This is a time where it's appropriate for a + project like Pure to use `!important`. ([#177][]) + +### Buttons + +* Removed all the occurrences of `-ms-linear-gradient()` from Buttons since it + has never been in the final version of IE 10. ([#200][]: @AurelioDeRosa) + +* `` Buttons now have the same height as non-input buttons. + `font-family: inherit;` has been added to the `.pure-button` selector to + normalize the difference in height. ([#221][] @narcis-radu) + +* Buttons now have visually uniform default `padding` on all four sides. The + left/right padding is 2x the top/bottom padding. ([#191][] @achalv) + +### Forms + +* Added `vertical-align: top;` to ` -
- -
-
-
- Author +
+ {{#if error}} +
+

Error: {{error.message}}

+
+ {{/if}} +
+ +
+
+
+
+
- -
-
- Description +
+
-
-
-
-
-
- - Cancel +
+
+
+ + Cancel
- -
+ + +
+
+
+ +
+
+
+
+
+
-
-
-
- -
-
-
-
-
-
- +
diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/tpl/history-page.html --- a/wikked/assets/tpl/history-page.html Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/tpl/history-page.html Thu Sep 25 07:54:21 2014 -0700 @@ -7,14 +7,14 @@ {{#if history}}

Here's the revision log for {{meta.title}}.

- +
- + diff -r 294b2f23cba9 -r 0c19c4a8c959 wikked/assets/tpl/nav.html --- a/wikked/assets/tpl/nav.html Thu Sep 25 07:52:55 2014 -0700 +++ b/wikked/assets/tpl/nav.html Thu Sep 25 07:54:21 2014 -0700 @@ -1,40 +1,32 @@ -
Revision Date Author Comment