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 @@
     font-weight: bold;
 }
 
+.ss-dirty:after {
+    content: "*";
+    color: #A33939;
+}
+
 .ss-invisible {
     display: none;
 }
\ 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, {
                 this._element.classList.remove('default-style-sheet');
             }
 
+            if(this.dirty) {
+                this.nameText.element.classList.add('ss-dirty');
+            } else {
+                this.nameText.element.classList.remove('ss-dirty');
+            }
+
         }
     },
 
@@ -137,6 +143,21 @@ exports.StyleSheet = Montage.create(Component, {
             this._name = text;
         }
     },
+    _dirty : {
+        value: null
+    },
+    dirty : {
+        get: function() {
+            return this._dirty;
+        },
+        set: function(value) {
+            if(value === this._dirty) { return false; }
+
+            this._dirty = value;
+            this.needsDraw = true;
+        }
+    },
+
     _readOnly : { value: null },
     readOnly : {
         get: function() {