From 091fde3e0076a110590c6dfa3004bf7b49253153 Mon Sep 17 00:00:00 2001
From: Tim Almdal <tnalmdal@shaw.ca>
Date: Mon, 27 Apr 2009 20:30:46 +0000
Subject: Another iteration of the organize module: Rearrange the layout as per
 discussion with thumb, start the drawer functionality. Still to do... 1) Add
 the processing behind the buttons on the drawer handle 2) Enable the drawer
 buttons when something is selected 3) Create a copy of the thumbs for the
 drawer 4) Add the bulk editting functionality to the drawer

---
 modules/organize/css/organize.css             |  86 ++++++++++++++++++++++----
 modules/organize/css/organize_edit_drawer.png | Bin 0 -> 464 bytes
 2 files changed, 75 insertions(+), 11 deletions(-)
 create mode 100644 modules/organize/css/organize_edit_drawer.png

(limited to 'modules/organize/css')

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index 0a66d0ad..1e5e90ed 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -3,17 +3,22 @@
  * Dialog wide stylings
  */
 #gOrganizeStatus {
-  height: 6em;
-  border: 1px solid #999;
-  margin-top: .5em;
-  margin-bottom: .5em;
-  overflow-y: auto;
+  height: 1.2em;
+  font-weight: bold;
 }
 
 #gOrganizeProgressDialog {
   text-align: left;
 }
 
+#gDialog .yui-gf div.first {
+  width: 20%;
+} 
+
+#gDialog .yui-gf .yui-u {
+  width: 80%;
+} 
+
 /*******************************************************************
  * Album Tree styling
  */
@@ -59,6 +64,13 @@
 /*******************************************************************
  * Album Panel Styles
  */
+
+#gMicroThumbUnselectAll,
+#gMicroThumbSelectAll {
+  font-size: 1em;
+  font-weight: bold;
+}
+
 #gMicroThumbPanel {
   margin: 0 !important;
   padding: 0 !important;
@@ -67,7 +79,8 @@
   border-top: none !important;
   border-left: none !important;
   margin-left: -1em !important;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 #gMicroThumbGrid {
@@ -76,9 +89,6 @@
 
 .gMicroThumbContainer {
   display: block;
-  //border: 2px solid #e8e8e8;
-  //border-right-color: #ccc;
-  //border-bottom-color: #ccc;
   float: left;
   font-size: .7em;
   height: 9em;
@@ -128,11 +138,65 @@
 			
 
 /****************************************************************
- * Organize Edit styling
+ * Organize Edit Drawer styling
  */
+#gOrganizeEditDrawer {
+  background-color: #13A;
+  float: left;
+  margin: 0 5% 10px;
+  width: 90%;
+}
+
+#gOrganizeEditDrawerPanel {
+  background-color: #CFDEFF;
+  border: 1px solid #13A;
+  display: none;
+  min-height: 150px; 
+}
+
+#gOrganizeEditHandleLeft {
+  background-image: url(organize_edit_drawer.png);
+  background-color: #CFDEFF;
+  float: left;
+  height: 30px;
+  margin: 2px 0 0;
+  width: 15px;
+}
+
+#gOrganizeEditHandleButtonsLeft {
+  float: left;
+  height: 20px;
+  padding: 2px 10px;
+}
+
+#gOrganizeEditHandleButtonsLeft a {
+  float: left;
+  margin: 0 2.5px;
+}
+
+#gOrganizeEditHandleButtonsRight {
+  float: right;
+  height: 20px;
+  padding: 2px 10px;
+}
+
+#gOrganizeEditHandleButtonsRight a {
+  float: left;
+  margin: 0 2.5px;
+}
+
+#gOrganizeEditHandleRight {
+  background-color: #CFDEFF;
+  background-image: url(organize_edit_drawer.png);
+  background-position: -15px 0;
+  float: right;
+  height: 30px;
+  margin: 2px 0 0;
+  width: 15px;
+}
+
 #gOrganizeFormButtons {
   bottom: 0.5em;
-  position: absolute;
 }
 
 #gOrganizeFormButtons .submit {
diff --git a/modules/organize/css/organize_edit_drawer.png b/modules/organize/css/organize_edit_drawer.png
new file mode 100644
index 00000000..34735a00
Binary files /dev/null and b/modules/organize/css/organize_edit_drawer.png differ
-- 
cgit v1.2.3