example for in-place update

[MojoFacets.git] / public / mojo_facets.css

diff --git a/public/mojo_facets.css b/public/mojo_facets.css
index 7f42068..d57d687 100644 (file)
--- a/public/mojo_facets.css
+++ b/public/mojo_facets.css
@@ -48,14 +48,17 @@ span.h {
        font-weight: bold;
 }
 
-.admin .changes {
-       float: right;
+.admin .middle {
+       margin-left: 2em;
+       color: #f00;
 }
 
-.admin .save_changes {
+.admin .right {
        float: right;
+}
+
+.admin .save_actions {
        color: #f00;
-       padding-left: 1em;
 }
 
 .debug {
@@ -143,7 +146,7 @@ span.d {
        color: #ccc;
 }
 
-.saved {
+.changed {
        background: #ffe;
 }
 
@@ -157,6 +160,21 @@ form.action_filter {
        color: #444;
 }
 
+/* items/table */
+
+form#eval {
+       position: fixed;
+       bottom: 0;
+       left: 0;
+       width: 100%;
+       z-index: 10;
+       background: #eee;
+}
+
+form#eval textarea {
+       width: 100%;
+}
+
 /* items/list.html.ep */
 a.facet {
        font-family: monospace;
@@ -164,7 +182,7 @@ a.facet {
        text-decoration: none;
 }
 
-/* /changes */
+/* /actions */
 .change_box {
        border: 3px dashed #f84;
 }
@@ -174,16 +192,42 @@ a.facet {
        text-decoration: line-through;
 }
 
-div.edit a {
-       margin-top: 3em;
-       float: right;
+/* /actions/changes */
+
+tr.change pre {
+       color: #000;
+       font-size: 70%;
 }
 
-div.edit {
-       border-bottom: 1px dashed #eee;
+tr.unknown {
+       background: #eee;
 }
 
-div.edit pre {
-       display: block;
+tr.found {
+       background: #cfc;
+}
+
+tr.missing {
+       background: #fcc;
+}
+
+tr.skip {
+       background: #fcf;
+}
+
+tr.hidden {
+       display: none;
+}
+
+.alert, .error {
+       border: 0.3em dashed #f00;
+       background: #ffc;
+       text-align: center;
+}
+
+.alert {
+       padding: 1em;
+       margin: 1em;
 }
 
+