diff options
| author | Eric Guzman | 2012-05-03 16:01:47 -0700 |
|---|---|---|
| committer | Eric Guzman | 2012-05-03 16:01:47 -0700 |
| commit | 8b9024faa65566a18e4548f198b43f18390e6bc5 (patch) | |
| tree | f297dc0f5ed3c9d3541da523aa688baacfb2a2df /js/panels/css-panel/css-panel.reel | |
| parent | 62131516247e00be3982d6e8aa562e12965dd795 (diff) | |
| download | ninja-8b9024faa65566a18e4548f198b43f18390e6bc5.tar.gz | |
CSS Panel - Add labels for selection and document names
Diffstat (limited to 'js/panels/css-panel/css-panel.reel')
| -rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.css | 7 | ||||
| -rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.html | 10 |
2 files changed, 13 insertions, 4 deletions
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.css b/js/panels/css-panel/css-panel.reel/css-panel.css index 7bcfbc1a..7a4191b9 100644 --- a/js/panels/css-panel/css-panel.reel/css-panel.css +++ b/js/panels/css-panel/css-panel.reel/css-panel.css | |||
| @@ -23,6 +23,13 @@ | |||
| 23 | -webkit-box-flex: 0; | 23 | -webkit-box-flex: 0; |
| 24 | -webkit-user-select: none; | 24 | -webkit-user-select: none; |
| 25 | } | 25 | } |
| 26 | .css-panel .selection-name:before, .css-panel .document-name:before { | ||
| 27 | content:" - " | ||
| 28 | } | ||
| 29 | .css-panel .no-styles.selection-name, .css-panel .no-document.document-name { | ||
| 30 | display: none; | ||
| 31 | } | ||
| 32 | |||
| 26 | .css-panel .style-sheets-view-container { | 33 | .css-panel .style-sheets-view-container { |
| 27 | -webkit-box-flex: 0; | 34 | -webkit-box-flex: 0; |
| 28 | min-height: 41px; | 35 | min-height: 41px; |
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.html b/js/panels/css-panel/css-panel.reel/css-panel.html index 8ee56086..f0c538c8 100644 --- a/js/panels/css-panel/css-panel.reel/css-panel.html +++ b/js/panels/css-panel/css-panel.reel/css-panel.html | |||
| @@ -23,14 +23,16 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 23 | "module" : "js/panels/css-panel/style-sheets-view.reel", | 23 | "module" : "js/panels/css-panel/style-sheets-view.reel", |
| 24 | "name": "StyleSheetsView", | 24 | "name": "StyleSheetsView", |
| 25 | "properties": { | 25 | "properties": { |
| 26 | "element": {"#": "style-sheet-view" } | 26 | "element": {"#": "style-sheet-view" }, |
| 27 | "documentNameLabel": {"#": "document-name" } | ||
| 27 | } | 28 | } |
| 28 | }, | 29 | }, |
| 29 | "stylesViewContainer": { | 30 | "stylesViewContainer": { |
| 30 | "module" : "js/panels/css-panel/styles-view-container.reel", | 31 | "module" : "js/panels/css-panel/styles-view-container.reel", |
| 31 | "name": "StylesViewContainer", | 32 | "name": "StylesViewContainer", |
| 32 | "properties": { | 33 | "properties": { |
| 33 | "element": {"#": "styles-view-container" } | 34 | "element": {"#": "styles-view-container" }, |
| 35 | "selectionNameLabel": {"#": "selection-name" } | ||
| 34 | } | 36 | } |
| 35 | } | 37 | } |
| 36 | } | 38 | } |
| @@ -38,9 +40,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 38 | </head> | 40 | </head> |
| 39 | <body> | 41 | <body> |
| 40 | <section id="container" class="css-panel"> | 42 | <section id="container" class="css-panel"> |
| 41 | <h3>Style Sheets</h3> | 43 | <h3>Style Sheets <span data-montage-id="document-name" class="document-name"></span></h3> |
| 42 | <div id="style-sheet-view"></div> | 44 | <div id="style-sheet-view"></div> |
| 43 | <h3>Styles</h3> | 45 | <h3>Styles <span data-montage-id="selection-name" class="selection-name"></span></h3> |
| 44 | <div id="styles-view-container"></div> | 46 | <div id="styles-view-container"></div> |
| 45 | </section> | 47 | </section> |
| 46 | </body> | 48 | </body> |