stian/gallery3
1
0
Fork 0
mirror of https://github.com/Pathduck/gallery3.git synced 2026-09-18 20:25:42 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Another iteration of the organize module:

Browse Source 
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
This commit is contained in:
Tim Almdal
2009-04-27 20:30:46 +00:00
parent 2a5abfdbd4
commit 091fde3e00
8 changed files with 174 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/organize/css/organize.css
+75 -11
View File
@@ -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 {