Commit 53a50449 authored by Derrick Sobodash's avatar Derrick Sobodash

Added photo information block to responsive CSS

parent 01b3a4e0
......@@ -30,16 +30,16 @@ else if(in_array($ext, array("jpg", "jpe", "jpeg"))) {
list($width, $height, $type, $attr) = getimagesize($filename);
$header = "\t\t\t<p><img src=\"" . LR_BASEURL . LR_FILE . "\" alt=\"" . array_pop(explode("/", LR_FILE)) . "\"" . (($width > 760) ? "width=\"100%\"" : "") . "></p>\n";
$exif = lrGetCamera($filename);
$header .= "\t\t\t<h2>${lrStrings[41]}</h2>\n";
$header .= "\t\t\t<table style=\"padding-bottom: 2em;\">\n";
$header .= "\t\t\t<h2 class=\"photo\">${lrStrings[41]}</h2>\n";
$header .= "\t\t\t<table class=\"photo\">\n";
$header .= "\t\t\t\t<tr>\n";
$header .= "\t\t\t\t\t<td style=\"padding-right: 1em\"><strong>${lrStrings[42]}:</strong></td><td style=\"padding-right: 4em\">${exif['make']}</td><td style=\"padding-right: 1em\"><strong>${lrStrings[43]}:</strong></td><td>${exif['model']}</td>\n";
$header .= "\t\t\t\t\t<td><strong>${lrStrings[42]}:</strong></td><td class=\"spacer\">${exif['make']}</td><td><strong>${lrStrings[43]}:</strong></td><td>${exif['model']}</td>\n";
$header .= "\t\t\t\t</tr>\n";
$header .= "\t\t\t\t<tr>\n";
$header .= "\t\t\t\t\t<td style=\"padding-right: 1em\"><strong>${lrStrings[44]}:</strong></td><td style=\"padding-right: 4em\">${exif['exposure']}</td><td style=\"padding-right: 1em\"><strong>${lrStrings[45]}:</strong></td><td>${exif['aperture']}</td>\n";
$header .= "\t\t\t\t\t<td><strong>${lrStrings[44]}:</strong></td><td class=\"spacer\">${exif['exposure']}</td><td><strong>${lrStrings[45]}:</strong></td><td>${exif['aperture']}</td>\n";
$header .= "\t\t\t\t</tr>\n";
$header .= "\t\t\t\t<tr>\n";
$header .= "\t\t\t\t\t<td style=\"padding-right: 1em\"><strong>${lrStrings[46]}:</strong></td><td style=\"padding-right: 4em\">${exif['iso']}</td><td style=\"padding-right: 1em\"><strong>${lrStrings[47]}:</strong></td><td>${exif['date']}</td>\n";
$header .= "\t\t\t\t\t<td><strong>${lrStrings[46]}:</strong></td><td class=\"spacer\">${exif['iso']}</td><td><strong>${lrStrings[47]}:</strong></td><td>${exif['date']}</td>\n";
$header .= "\t\t\t\t</tr>\n";
$header .= "\t\t\t</table>\n";
}
......
......@@ -75,6 +75,17 @@ table.directory {
border-collapse: collapse;
}
table.photo {
padding-bottom: 1.5em;
}
table.photo td {
padding-right: .5em;
}
table.photo td.spacer {
padding-right: 4em;
}
td.filename {
font-size: 14pt;
......@@ -108,6 +119,10 @@ img {
opacity: 0;
visibility: collapse;
}
table.photo td.spacer {
padding-right: 2em;
}
}
@media only screen and (max-width: 479px) {
......@@ -125,6 +140,9 @@ img {
text-align: center;
float: none;
}
h2.photo, table.photo {
display: none;
}
}
@media only screen and (max-width: 319px) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment