From 1433f2bdf2e5b8c5c18fed5e9c17fd983ab3606d Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Fri, 2 Mar 2012 10:55:51 -0800
Subject: CSS Panel - Updating components, created toolbar components, and
small changes to styles controller
---
js/panels/css-panel/css-panel.reel/css-panel.css | 49 +++++++++++++++++++++++
js/panels/css-panel/css-panel.reel/css-panel.html | 7 ++--
js/panels/css-panel/css-panel.reel/css-panel.js | 7 ----
3 files changed, 53 insertions(+), 10 deletions(-)
(limited to 'js/panels/css-panel/css-panel.reel')
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 e69de29b..6d296a8e 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.css
+++ b/js/panels/css-panel/css-panel.reel/css-panel.css
@@ -0,0 +1,49 @@
+/*
+ This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
+ */
+.css-panel {
+ color: #FFF;
+ display: -webkit-box;
+ height: 100%;
+ -webkit-box-orient: vertical;
+}
+.css-panel > h3 {
+ background-color: #333;
+ border-top: 1px solid #3D3D3D;
+ color: #FFF;
+ cursor: default;
+ font-size: 12px;
+ font-weight: normal;
+ height: 16px;
+ margin: 0;
+ padding: 4px 0 2px 10px;
+ vertical-align: top;
+ -webkit-box-flex: 0;
+ -webkit-user-select: none;
+}
+.css-panel .style-sheets-view-container {
+ -webkit-box-flex: 0;
+ min-height: 41px;
+}
+.css-panel .styles-view-container {
+ -webkit-box-flex: 1;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+}
+.panel-message {
+ background-color: rgba(255,255,255, 0.1);
+ border: 1px dashed rgba(255,255,255, 0.2);
+ border-radius: 4px;
+ color: #CCC;
+ font-size: 11px;
+ font-weight: normal;
+ margin: 0 8px;
+ padding: 5px;
+ position: relative;
+ text-shadow: 1px 1px 0px #333;
+ text-align: center;
+ top: 8px;
+ -webkit-box-flex: 0;
+}
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 86bfbbb7..899c7786 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.html
+++ b/js/panels/css-panel/css-panel.reel/css-panel.html
@@ -14,7 +14,8 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
"module" : "js/panels/css-panel/css-panel.reel",
"name" : "CSSPanel",
"properties" : {
- "element" : {"#" : "container"}
+ "element" : {"#" : "container"},
+ "controller": {"@": "cssPanelController"}
}
},
"styleSheetView": {
@@ -36,9 +37,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
- Style Sheets
+ Style Sheets
- Styles
+ Styles
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.js b/js/panels/css-panel/css-panel.reel/css-panel.js
index a593f1c4..228e91f6 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.js
+++ b/js/panels/css-panel/css-panel.reel/css-panel.js
@@ -8,16 +8,9 @@ var Montage = require("montage/core/core").Montage,
Component = require("montage/ui/component").Component;
exports.CSSPanelNew = Montage.create(Component, {
- hasTemplate: {
- value: true
- },
- condition: {
- value: false
- },
templateDidLoad : {
value: function() {
console.log("css panel : template did load");
- //this.condition = true;
}
},
prepareForDraw : {
--
cgit v1.2.3