diff options
3 files changed, 23 insertions, 6 deletions
diff --git a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.css b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.css index 7a46e387..a3e13c77 100644 --- a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.css +++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.css | |||
| @@ -9,19 +9,19 @@ | |||
| 9 | overflow: hidden; | 9 | overflow: hidden; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | .style-sheets-view-container ul { | 12 | .style-sheets-view-container .sheet-list { |
| 13 | margin: 0; | 13 | margin: 0; |
| 14 | padding: 0; | 14 | padding: 0; |
| 15 | min-height: 55px; | 15 | min-height: 55px; |
| 16 | } | 16 | } |
| 17 | .style-sheets-view-container li { | 17 | .style-sheets-view-container .sheet-list li { |
| 18 | list-style-type: none; | 18 | list-style-type: none; |
| 19 | margin: 0 8px; | 19 | margin: 0 8px; |
| 20 | } | 20 | } |
| 21 | .style-sheets-view-container li:first-child { | 21 | .style-sheets-view-container .sheet-list li:first-child { |
| 22 | margin-top: 5px; | 22 | margin-top: 5px; |
| 23 | } | 23 | } |
| 24 | .style-sheets-view-container li:last-child { | 24 | .style-sheets-view-container .sheet-list li:last-child { |
| 25 | margin-bottom: 5px; | 25 | margin-bottom: 5px; |
| 26 | } | 26 | } |
| 27 | 27 | ||
diff --git a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html index 09e2e3ce..484d3c04 100644 --- a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html +++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html | |||
| @@ -84,7 +84,14 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 84 | "module": "js/components/toolbar.reel", | 84 | "module": "js/components/toolbar.reel", |
| 85 | "name": "Toolbar", | 85 | "name": "Toolbar", |
| 86 | "properties": { | 86 | "properties": { |
| 87 | "element": {"#": "style-sheets-toolbar"} | 87 | "element": {"#": "style-sheets-toolbar"}, |
| 88 | "delegate": {"@": "owner" }, | ||
| 89 | "buttons": [ | ||
| 90 | { | ||
| 91 | "title": "Add", | ||
| 92 | "identifier": "add" | ||
| 93 | } | ||
| 94 | ] | ||
| 88 | } | 95 | } |
| 89 | }, | 96 | }, |
| 90 | "resizer": { | 97 | "resizer": { |
| @@ -115,7 +122,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 115 | <body> | 122 | <body> |
| 116 | <div id="style-sheets-view-container" class="style-sheets-view-container"> | 123 | <div id="style-sheets-view-container" class="style-sheets-view-container"> |
| 117 | <h4 id="no-document-message" class="panel-message">No style sheets to display.</h4> | 124 | <h4 id="no-document-message" class="panel-message">No style sheets to display.</h4> |
| 118 | <ul id="sheet-list"> | 125 | <ul id="sheet-list" class="sheet-list"> |
| 119 | <li><div id="sheet-item"></div></li> | 126 | <li><div id="sheet-item"></div></li> |
| 120 | </ul> | 127 | </ul> |
| 121 | <div id="style-sheets-toolbar-container" class="style-sheets-toolbar-container"> | 128 | <div id="style-sheets-toolbar-container" class="style-sheets-toolbar-container"> |
diff --git a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js index 95adddd0..29381d73 100644 --- a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js +++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js | |||
| @@ -35,6 +35,16 @@ exports.StyleSheetsView = Montage.create(Component, { | |||
| 35 | } | 35 | } |
| 36 | }, | 36 | }, |
| 37 | 37 | ||
| 38 | /// Toolbar Button Actions | ||
| 39 | /// ----------------------- | ||
| 40 | |||
| 41 | ///// Add rule button action | ||
| 42 | handleAddAction : { | ||
| 43 | value: function(e) { | ||
| 44 | debugger; | ||
| 45 | } | ||
| 46 | }, | ||
| 47 | |||
| 38 | styleSheets : { | 48 | styleSheets : { |
| 39 | value: [] | 49 | value: [] |
| 40 | }, | 50 | }, |