aboutsummaryrefslogtreecommitdiff
path: root/js/panels
diff options
context:
space:
mode:
authorEric Guzman2012-05-03 11:50:03 -0700
committerEric Guzman2012-05-03 11:50:03 -0700
commit72ad2e9710adfccaab637fffdf6c82712aa85197 (patch)
treecc3e9fb04d7b90a7bb6efa5e1943f639ffe79728 /js/panels
parent560d9255ed1bba04f3dc3f4320307f7d5626bfab (diff)
downloadninja-72ad2e9710adfccaab637fffdf6c82712aa85197.tar.gz
Style sheets - Add stub for add stylesheet button
Diffstat (limited to 'js/panels')
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.css8
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html11
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js10
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 },