Browse Source

Stylisation de la TodoList

remotes/svn/ModulesALaMano
Chouchen 9 years ago
parent
commit
563f40f6d7
3 changed files with 21 additions and 2 deletions
  1. +20
    -1
      css/todo.css
  2. BIN
      images/interface/ui-icons_888888_256x240.png
  3. +1
    -1
      js/getUncompletedTasks.php

+ 20
- 1
css/todo.css View File

@@ -1,4 +1,23 @@
#todoList {padding:5px;width:350px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border: 1px solid rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);}
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
overflow:hidden;}
#todoList ul{list-style:none;}
#todoList ul li{white-space : nowrap; padding-left:16px;}
#todoList ul li div.puce{width: 16px; height: 16px; background: #FFF url(../images/interface/ui-icons_888888_256x240.png) -32px -48px no-repeat; display:inline-block;}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-position: -80px -224px;background-image: url(../images/interface/ui-icons_888888_256x240.png);}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

BIN
images/interface/ui-icons_888888_256x240.png View File

Before After
Width: 256  |  Height: 240  |  Size: 4.3 KiB

+ 1
- 1
js/getUncompletedTasks.php View File

@@ -4,7 +4,7 @@ function cbfunc(o){
for(var i in o)
{
$('#uncompletedList').append('<li id="'+o[i].id+'">'+o[i].content+' - '+o[i].date_string+' <img src="images/interface/delete.png" class="deleteTask" id="delete-'+o[i].id+'"/> <img src="images/interface/complete.png" class="completeTask" id="complete-'+o[i].id+'"/> </li>');
}
} $('#uncompletedList li').prepend('<div class="puce"></div>');
}
function cbfunc2(o){


Loading…
Cancel
Save