aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/style-sheet.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/css-panel/style-sheet.reel')
-rw-r--r--js/panels/css-panel/style-sheet.reel/style-sheet.css5
-rw-r--r--js/panels/css-panel/style-sheet.reel/style-sheet.js21
2 files changed, 26 insertions, 0 deletions
diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.css b/js/panels/css-panel/style-sheet.reel/style-sheet.css
index 1d26b041..2e72cd9c 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.css
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.css
@@ -131,6 +131,11 @@
131 font-weight: bold; 131 font-weight: bold;
132} 132}
133 133
134.ss-dirty:after {
135 content: "*";
136 color: #A33939;
137}
138
134.ss-invisible { 139.ss-invisible {
135 display: none; 140 display: none;
136} \ No newline at end of file 141} \ No newline at end of file
diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.js b/js/panels/css-panel/style-sheet.reel/style-sheet.js
index 3ddd8454..0ff195d5 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.js
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.js
@@ -57,6 +57,12 @@ exports.StyleSheet = Montage.create(Component, {
57 this._element.classList.remove('default-style-sheet'); 57 this._element.classList.remove('default-style-sheet');
58 } 58 }
59 59
60 if(this.dirty) {
61 this.nameText.element.classList.add('ss-dirty');
62 } else {
63 this.nameText.element.classList.remove('ss-dirty');
64 }
65
60 } 66 }
61 }, 67 },
62 68
@@ -137,6 +143,21 @@ exports.StyleSheet = Montage.create(Component, {
137 this._name = text; 143 this._name = text;
138 } 144 }
139 }, 145 },
146 _dirty : {
147 value: null
148 },
149 dirty : {
150 get: function() {
151 return this._dirty;
152 },
153 set: function(value) {
154 if(value === this._dirty) { return false; }
155
156 this._dirty = value;
157 this.needsDraw = true;
158 }
159 },
160
140 _readOnly : { value: null }, 161 _readOnly : { value: null },
141 readOnly : { 162 readOnly : {
142 get: function() { 163 get: function() {