Browse Source

Improved var naming for albums without an overlay

Tobias Reich 8 years ago
parent
commit
2ba1824279
2 changed files with 6 additions and 6 deletions
  1. 3 3
      src/scripts/build.js
  2. 3 3
      src/styles/_content.scss

+ 3 - 3
src/scripts/build.js

@@ -37,9 +37,9 @@ build.album = function(data) {
 
 	let html = `
 	           <div class='album' data-id='${ data.id }'>
-	               <img src='${ data.thumbs[2] }' width='200' height='200' alt='thumb' data-retina='false'>
-	               <img src='${ data.thumbs[1] }' width='200' height='200' alt='thumb' data-retina='false'>
-	               <img src='${ thumbPath }' width='200' height='200' alt='thumb' data-retina='${ thumbRetina }'>
+	               <img src='${ data.thumbs[2] }' width='200' height='200' alt='thumb' data-overlay='false'>
+	               <img src='${ data.thumbs[1] }' width='200' height='200' alt='thumb' data-overlay='false'>
+	               <img src='${ thumbPath }' width='200' height='200' alt='thumb' data-overlay='${ thumbRetina }'>
 	               <div class='overlay'>
 	                   <h1 title='${ data.title }'>${ data.title }</h1>
 	                   <a>${ data.sysdate }</a>

+ 3 - 3
src/styles/_content.scss

@@ -112,7 +112,7 @@
 	}
 
 	// No overlay for empty albums
-	.album img[data-retina='false'] + .overlay {
+	.album img[data-overlay='false'] + .overlay {
 		background: none;
 	}
 
@@ -154,8 +154,8 @@
 		filter: drop-shadow(0 1px 3px black(.4));
 	}
 
-	.album img[data-retina='false'] + .overlay h1,
-	.album img[data-retina='false'] + .overlay a  { text-shadow: none; }
+	.album img[data-overlay='false'] + .overlay h1,
+	.album img[data-overlay='false'] + .overlay a  { text-shadow: none; }
 
 	/* Badges ------------------------------------------------*/
 	.album .badges,