mirror/librenms-librenms
1
0
Fork 0
mirror of https://github.com/librenms/librenms.git synced 2024-10-07 16:52:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated sample

Browse Source
This commit is contained in:
Dustin Moore
2013-04-03 09:44:16 -07:00
parent 3cc9485ae0
commit 412ee61bbe
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
sample/css/main.css
View File

@ -35,7 +35,7 @@ body {
opacity: 1;
}
.gridster, .content {
.gridster, .content, .gridster2 {
width: 940px;
margin: 0 auto;
@ -56,27 +56,27 @@ body {
margin: 25px;
}
.gridster .gs_w {
.gridster .gs_w, .gridster2 .gs_w {
background: #FFF;
cursor: pointer;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.gridster .player {
.gridster .player, .gridster2 .player {
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
.gridster .gs_w.try {
.gridster .gs_w.try, .gridster2 .gs_w.try {
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: 37px -169px;
}
.gridster .preview-holder {
.gridster .preview-holder, .gridster2 .preview-holder {
border: none!important;
border-radius: 0!important;
background: rgba(255,255,255,.2)!important;

7
sample/index.html
View File

@ -23,13 +23,13 @@
$(".gridster ul").gridster({
widget_margins: [10, 10],
widget_base_dimensions: [140, 140],
max_cols: 6
shift_larger_widgets_down: false
});
});
</script>
</head>
<body>
<div class="gridster ready">
<div class="gridster">
<ul style="height: 480px; position: relative; ">
<li data-row="1" data-col="1" data-sizex="2" data-sizey="1" class="gs_w"></li>
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1" class="gs_w"></li>
@ -51,7 +51,6 @@
<div class="content">
<p>This demo represents using the branch in swap mode. This works best with shift_larger_widgets_down set to "false". However, smaller widgets do not displace larger ones.</p>
<p>For now, if you want the default shift down behavior I recommend using the standard gridster library.</p>
</div>
</body>
</body>
</html>