arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use flewbox for content

Browse Source
This commit is contained in:
Tobias Reich 2015-04-06 16:23:23 +02:00
parent a5279fc42f
commit 06fba792b2
6 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/main.css vendored
View File

Binary file not shown.

BIN
dist/main.js vendored
View File

Binary file not shown.

BIN
dist/view.js vendored
View File

Binary file not shown.

2
src/scripts/build.js
View File

@ -26,7 +26,7 @@ build.divider = function(title) {
var html = ''; var html = '';
html = ` html = `
<div class='divider fadeIn'> <div class='divider'>
<h1>${ title }</h1> <h1>${ title }</h1>
</div> </div>
` `

8
src/styles/_content.scss
View File

@ -4,7 +4,8 @@
#content { #content {
position: absolute; display: flex;
flex-wrap: wrap;
padding: 50px 0 33px; padding: 50px 0 33px;
width: 100%; width: 100%;
min-height: calc(100% - 83px); min-height: calc(100% - 83px);
@ -47,7 +48,7 @@
&.contentZoomOut .divider { &.contentZoomOut .divider {
animation-name: fadeOut; animation-name: fadeOut;
animation-duration: .3s; animation-duration: .2s;
animation-fill-mode: forwards; animation-fill-mode: forwards;
animation-timing-function: $timing; animation-timing-function: $timing;
} }
@ -55,7 +56,6 @@
/* Albums and Photos ------------------------------------------------*/ /* Albums and Photos ------------------------------------------------*/
.album, .album,
.photo { .photo {
float: left;
position: relative; position: relative;
width: 202px; width: 202px;
height: 202px; height: 202px;
@ -181,7 +181,6 @@
/* Divider ------------------------------------------------*/ /* Divider ------------------------------------------------*/
.divider { .divider {
float: left;
margin: 50px 0 0; margin: 50px 0 0;
padding: 10px 0 0; padding: 10px 0 0;
width: 100%; width: 100%;
@ -196,7 +195,6 @@
} }
h1 { h1 {
float: left;
margin: 0 0 0 30px; margin: 0 0 0 30px;
color: white(.6); color: white(.6);
font-size: 14px; font-size: 14px;

2
src/styles/_imageview.scss
View File

@ -6,6 +6,8 @@
position: fixed; position: fixed;
display: none; display: none;
top: 0;
left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(10, 10, 10, .98); background-color: rgba(10, 10, 10, .98);