From 0a47e827497f5bb07de2320490e4c4a907b8924f Mon Sep 17 00:00:00 2001 From: Kevin Ross Date: Wed, 23 Dec 2015 10:31:49 -0600 Subject: [PATCH] list-groups complete --- CONTRIBUTING.md | 6 +- docs/assets/js/src/application.js | 23 +++---- docs/assets/js/src/style.js | 21 +++--- docs/material-design/buttons.md | 4 -- docs/material-design/list-group.md | 102 +++++++++++++++-------------- scss/_list-group.scss | 5 +- 6 files changed, 76 insertions(+), 85 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 7e20c7b3..05fac43e 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,12 +1,12 @@ -# Contributing to bootsrap-material-design +# Contributing to bootstrap-material-design Looking to contribute something to bootsrap-material-design? **Here's how you can help.** Please take a moment to review this document in order to make the contribution process easy and effective for everyone involved. -Following these guidelines helps to communicate that you respect the time of -the developers managing and developing this open source project. In return, +Following these guidelines helps to communicate that you **respect the time of +the developers** managing and developing this open source project. In return, they should reciprocate that respect in addressing your issue or assessing patches and features. diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js index 4384efd3..be16fd6b 100644 --- a/docs/assets/js/src/application.js +++ b/docs/assets/js/src/application.js @@ -5,6 +5,9 @@ class Application { constructor() { + } + + initializeDemos() { // Tooltip and popover demos $('.tooltip-demo').tooltip({ selector: '[data-toggle="tooltip"]', @@ -26,8 +29,9 @@ class Application { }) } + // Add dynamic display of font properties to the existing documentation displayTypographyProperties() { - // headers + // headings Style.displayFontSizeWeightColor($('.bd-example-type td > *:not(.type-info)'), ($element, $text) => { let $target = $element.closest('tr').find('td.type-info') $target.text('') @@ -61,11 +65,11 @@ class Application { let $row = $(`
`) $parent.append($row) - let $col = $(`
`) + let $col = $(`
`) $col.append($p) $row.append($col) - $col = $(`
`) + $col = $(`
`) $col.append($text) $row.append($col) }, false, true) @@ -107,25 +111,18 @@ class Application { .tooltip('_fixTitle') }) } - - manipulateSearchBox() { - //let $search = $('#search-input') - //$search.wrap(`
`) - //$search.before(``) - //$search.removeAttr('placeholder') - } } $(() => { let app = new Application() app.displayTypographyProperties() - app.initializeClipboard() - app.manipulateSearchBox() - $('.btn-clipboard').mdbRipples() // FIXME: file inputs seems to be in flux, delete the offending one for now. $('#exampleInputFile').closest('.form-group').detach() $('body').bootstrapMaterialDesign() + + app.initializeClipboard() + app.initializeDemos() }) diff --git a/docs/assets/js/src/style.js b/docs/assets/js/src/style.js index 8a566ba5..b2dccfd1 100644 --- a/docs/assets/js/src/style.js +++ b/docs/assets/js/src/style.js @@ -1,3 +1,6 @@ +/** + * Dynamically display style properties i.e. font + */ const Style = (($) => { /** @@ -27,7 +30,7 @@ const Style = (($) => { } // Function to display font properties dynamically discovered - static displayFontSizeWeightColor($elements, writeFn, bg = false, wrapWithMark = false) { + static displayFontSizeWeightColor($elements, writeFn, bg = false, wrapWithCode = false) { return $elements.each((index, element) => { let $element = $(element) @@ -39,8 +42,8 @@ const Style = (($) => { let text = '' - if (wrapWithMark) { - text += `` + if (wrapWithCode) { + text += `` } // text += `${$element.css('font-size')} ${$element.css('font-weight')} ${hexColor}` @@ -50,21 +53,13 @@ const Style = (($) => { text += ` bg: ${rgbaBgColor} ` } - if (wrapWithMark) { - text += `` + if (wrapWithCode) { + text += `` } writeFn($element, $(text)) }) } - - - // ------------------------------------------------------------------------ - // private - - - // ------------------------------------------------------------------------ - // static } diff --git a/docs/material-design/buttons.md b/docs/material-design/buttons.md index 67cb334b..a873bbe3 100644 --- a/docs/material-design/buttons.md +++ b/docs/material-design/buttons.md @@ -144,7 +144,3 @@ Using `btn-fab-sm` on the button, or using `btn-group-sm` on the enclosing eleme {% endexample %} - -## x -{% example html %} -{% endexample %} diff --git a/docs/material-design/list-group.md b/docs/material-design/list-group.md index 0d5d6371..fba77abe 100644 --- a/docs/material-design/list-group.md +++ b/docs/material-design/list-group.md @@ -20,10 +20,10 @@ The material classes introduced are: - {% markdown %}`.mdb-list-group-item`{% endmarkdown %} + .mdb-list-group-item - {% markdown %}`.list-group-item`{% endmarkdown %} + .list-group-item {% markdown %}Flexbox layout, including conveniences for icon and label layout.{% endmarkdown %} @@ -31,18 +31,18 @@ The material classes introduced are: - {% markdown %}`.mdb-list-group-col`{% endmarkdown %} + .mdb-list-group-col {% markdown %}None{% endmarkdown %} - {% markdown %}Flexbox column - additional class to use within a `.list-group-item` for layout, such as a multi-line content section.{% endmarkdown %} + {% markdown %}Flexbox column - additional class to use within an `.mdb-list-group-item` for layout, such as a multi-line content section.{% endmarkdown %} - {% markdown %}`.right`{% endmarkdown %} + .right {% markdown %}None{% endmarkdown %} @@ -53,7 +53,7 @@ The material classes introduced are: - {% markdown %}`.mdb-list-group-sm`{% endmarkdown %} + .mdb-list-group-sm {% markdown %}None{% endmarkdown %} @@ -78,9 +78,10 @@ The material classes introduced are: {% example html %} {% endexample %} @@ -89,9 +90,10 @@ The material classes introduced are: {% example html %} {% endexample %} @@ -100,45 +102,45 @@ The material classes introduced are: {% example html %} {% endexample %} @@ -150,24 +152,24 @@ The material classes introduced are: {% example html %} {% endexample %} @@ -175,24 +177,24 @@ The material classes introduced are: {% example html %} {% endexample %} @@ -200,46 +202,46 @@ The material classes introduced are: {% example html %} {% endexample %} @@ -249,15 +251,15 @@ The material classes introduced are: {% example html %}