nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

apple-style drop shadows (blur the crap out of them); isotope doesn't overflow: hidden; anymore (no shadow cutoff) [ci skip]

Browse source
This commit is contained in:
danielgrippi 2012-05-05 21:23:50 -07:00
parent b5fbefad4b
commit 91ffe00de2
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/javascripts/app/views/canvas_view.js
View file

@ -29,6 +29,7 @@ app.views.Canvas = app.views.Base.extend(_.extend({}, app.views.infiniteScrollMi
itemSelector : '.canvas-frame', itemSelector : '.canvas-frame',
visibleStyle : {scale : 1}, visibleStyle : {scale : 1},
hiddenStyle : {scale : 0.001}, hiddenStyle : {scale : 0.001},
containerStyle : {position : "relative"},
masonry : { masonry : {
columnWidth : 292.5 columnWidth : 292.5
} }

9
app/assets/stylesheets/new_styles/_canvas.scss
View file

@ -7,6 +7,7 @@
.canvas-frame { .canvas-frame {
float : left; float : left;
margin : 10px; margin : 10px;
margin-bottom : 18px;
/* expand / contract cursor declarations */ /* expand / contract cursor declarations */
&.x2 .content { &.x2 .content {
@ -22,12 +23,12 @@
.content { .content {
@include transition(box-shadow); @include transition(box-shadow);
@include box-shadow(0,1px,10px,rgba(0,0,0,0.9)); @include box-shadow(0, 8px, 50px, rgba(0,0,0,0.9));
background-image : image_url("paper-texture-1.jpg"); background-image : image_url("paper-texture-1.jpg");
&:hover { &:hover {
@include box-shadow(0,1px,5px,rgba(0,0,0,0.5)); @include box-shadow(0, 3px, 10px,rgba(0,0,0,0.9));
.info { .info {
top : 0; top : 0;
@ -53,11 +54,9 @@
max-width : $column-width + px; max-width : $column-width + px;
overflow : hidden; overflow : hidden;
//padding : 20px;
/* used in masking photos with overflow: hidden; */ /* used in masking photos with overflow: hidden; */
.image-container { .image-container {
overflow : hidden; overflow : hidden;
width : 100%; width : 100%;
@ -122,6 +121,8 @@
background-color : rgba(255,255,255,0.8); background-color : rgba(255,255,255,0.8);
border-bottom : 1px solid #fff; border-bottom : 1px solid #fff;
color : #000;
position : absolute; position : absolute;
top : -32px; top : -32px;
right : 0; right : 0;