penguincoder
/
binaryattraction
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

change photo browser styling so better fit in a smaller space and tweak the styling to actually use the effect transitions

master
Coleman 2008-10-11 18:05:47 -05:00
parent 255e463347
commit 77775bc753
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/views/photos/_photo_browser.html.haml
View File

@ -1,8 +1,8 @@
#inner_photo_browser{ :style => (request.xhr? ? 'display: none;' : '') } #inner_photo_browser.centered{ :style => (request.xhr? ? 'display: none;' : '') }
- if @photos.nil? or @photos.empty? - if @photos.nil? or @photos.empty?
%h3 None! %h3 None!
- else - else
- @photos.each_with_index do |photo, index| - @photos.each_with_index do |photo, index|
%div.photo_browser_box %div.photo_browser_box
%a{ :href => url(:photo, photo) } %a{ :href => url(:photo, photo) }
%img{ :src => photo_url(photo, 100, 100) } %img{ :src => photo_url(photo, 100, 100) }

22
public/stylesheets/ba.css
View File

@ -151,12 +151,6 @@ h1 img {
min-height: 35px; min-height: 35px;
} }
#photo_browser {
height: 460px;
margin-top: 15px;
margin-bottom: 15px;
}
.stat_box { .stat_box {
width: 105px; width: 105px;
float: left; float: left;
@ -177,12 +171,24 @@ h1 img {
padding: 0px; padding: 0px;
} }
#photo_browser {
height: 420px;
margin-top: 15px;
margin-bottom: 15px;
}
#inner_photo_browser {
width: 650px;
margin-left: auto;
margin-right: auto;
}
.photo_browser_box { .photo_browser_box {
width: 105px; width: 105px;
height: 105px; height: 105px;
float: left; float: left;
margin-left: 20px; margin-left: auto;
margin-bottom: 10px; margin-bottom: auto;
} }
.photo_browser_box img { .photo_browser_box img {