Apply buttons to comment moderation and action buttons, beginnings of a photo stream carousel block in admin dashboard.

2 files changed, 77 insertions, 2 deletions

diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index 334db071..85c76c2a 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -69,7 +69,7 @@
 #gHeader {
 	background-color: #e8e8e8;
 	border-bottom: 1px solid #ccc;
-	margin-top: 0;
+  margin-bottom: 20px;
 	padding: 0 20px;
 }
 
@@ -114,14 +114,52 @@
   background: none;
 }
 
+#gPhotoStream {
+  background-color: #e8e8e8;
+}
+
 #gPhotoStream .gBlockContent {
-  overflow: auto;
+
+}
+
+#gPhotoStream .gBlockContent ul {
+  border-right: 1px solid #e8e8e8;
+  height: 92px;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100%;
+}
+
+#gContent #gPhotoStream .gItem {
+  background-color: #fff;
+  border: 1px solid #e8e8e8;
+  border-right-color: #ccc;
+  border-bottom-color: #ccc;
+  float: left;
+  font-size: .7em;
+  height: 90px;
+  overflow: hidden;
+  text-align: center;
+  width: 90px;
 }
 
 #gSiteStatus {
 	margin-bottom: 0;
 }
 
+#gAdminCommentsMenu {
+  margin: 1em 0;
+}
+
+#gAdminCommentsMenu li {
+  float: left;
+}
+
+#gAdminCommentsMenu a {
+  margin: 0;
+  padding: .2em .6em;
+}
+
 #gAdminGraphics .gAvailable .gBlock {
   clear: none;
   float: left;
@@ -196,3 +234,7 @@ li.gGroup {
 .ui-sortable {
   cursor: move;
 }
+
+.gButtonSetVertical a {
+  width: 8em;
+}
diff --git a/themes/admin_default/js/ui.init.js b/themes/admin_default/js/ui.init.js
index d43a5f1d..120b04ba 100644
--- a/themes/admin_default/js/ui.init.js
+++ b/themes/admin_default/js/ui.init.js
@@ -20,6 +20,21 @@ $(document).ready(function(){
     $(dialogLinks[i]).bind("click", handleDialogEvent);
   }
 
+  if ($("#gPhotoStream").length) {
+    // Vertically align thumbs in photostream
+    $('.gItem').vAlign();
+  }
+
+    // Round view menu buttons
+  if ($("#gAdminCommentsMenu").length) {
+    $("#gAdminCommentsMenu ul").removeClass("gMenu").removeClass("sf-menu");
+    $("#gAdminCommentsMenu").addClass("gToolBar");
+    $("#gAdminCommentsMenu ul").addClass("gButtonSet");
+    $("#gAdminCommentsMenu a").addClass("gButtonLink ui-state-default");
+    $("#gAdminCommentsMenu ul li:first a").addClass("ui-corner-left");
+    $("#gAdminCommentsMenu ul li:last a").addClass("ui-corner-right");
+  }
+
   // Apply hide/show functionality on user admin view
   var panelLinks = $(".gPanelLink");
   for (i=0; i<panelLinks.length; i++) {
@@ -137,4 +152,22 @@ function togglePanel(element, on_success) {
   return false;
 }
 
+// Vertically align a block element's content
+(function ($) {
+  $.fn.vAlign = function(container) {
+    return this.each(function(i){
+      if (container == null) {
+        container = 'div';
+      }
+      $(this).html("<" + container + ">" + $(this).html() + "</" + container + ">");
+      var el = $(this).children(container + ":first");
+      var elh = $(el).height();
+      var ph = $(this).height();
+      var nh = (ph - elh) / 2;
+      $(el).css('margin-top', nh);
+    });
+  };
+})(jQuery);
+
+