Add button for editing calendars.

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index 0e57fea..70aa38b 100644 (file)
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -728,11 +728,13 @@ KronolithCore = {
                 shared++;
                 div = $('kronolithSharedCalendars');
             }
-            div.insert(new Element('DIV', { 'class': cal.value.show ? 'kronolithCalOn' : 'kronolithCalOff' })
-                       .store('calendar', cal.key)
-                       .store('calendarclass', 'internal')
-                       .setStyle({ backgroundColor: cal.value.bg, color: cal.value.fg })
-                       .update(cal.value.name.escapeHTML()));
+            div.insert(new Element('SPAN', { 'class': 'kronolithCalEdit' })
+                       .insert('›'))
+                .insert(new Element('DIV', { 'class': cal.value.show ? 'kronolithCalOn' : 'kronolithCalOff' })
+                        .store('calendar', cal.key)
+                        .store('calendarclass', 'internal')
+                        .setStyle({ backgroundColor: cal.value.bg, color: cal.value.fg })
+                        .update(cal.value.name.escapeHTML()));
         });
         if (my) {
             $('kronolithMyCalendars').show();

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index e2ffdde..2e1aa6b 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -452,7 +452,17 @@ body.kronolithAjax {
 #kronolithMenu div.kronolithCalendars div.kronolithCalOver {
     text-decoration: underline;
 }
-
+#kronolithMenu div.kronolithCalendars .kronolithCalEdit {
+    float: right;
+    display: block;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    border: 1px solid #c0c0c0;
+    background-color: #fff;
+    text-align: center;
+    font-weight: bold;
+}
 #kronolithAddEvents {
     margin-bottom: 18px;
 }