improve the empty screen design

This commit is contained in:
Tom Canac 2015-06-29 23:40:58 +02:00
parent a73f87e787
commit b78f284545
3 changed files with 19 additions and 2 deletions

View file

@ -33,7 +33,8 @@ $label_home = "Home"; // Name of home link in breadcrumb navigation
$label_new = "New"; // Text to display for new images. Use with $display_new variable
$label_page = "Page"; // Text used for page navigation
$label_all = "All"; // Text used for link to display all images in one page
$label_noimages = "No images"; // Empty folder text
$label_noimages = "No images... yet !"; // Empty folder text
$label_noimages_advice = "Use your FTP to upload some picture !";
$label_loading = "Loading..."; // Thumbnail loading text
$breadcrumb_separator = ">"; // Breadcrumb parts separator

View file

@ -432,7 +432,7 @@ for ($y = 0; $y < $offset_start - sizeof($dirs); $y++) {
// DISPLAY FOLDERS
//-----------------------
if (count($dirs) + count($files) == 0) {
$thumbnails .= "<li>$label_noimages</li>"; //Display 'no images' text
$thumbnails .= "<div class=\"Empty\">$label_noimages</div> <div class=\"EmptyAdvice\">$label_noimages_advice</div>"; //Display 'no images' text
if ($currentdir == "photos") {
$messages = "It looks like you have just installed MiniGal Nano. Please run the <a href='system_check.php'>system check tool</a>";
}

View file

@ -46,6 +46,7 @@
max-width: <% gallery_width %>;
margin: 0px auto;
}
.Message {
padding: 1rem;
background-color: #f1c40f;
@ -55,6 +56,7 @@
float: right;
padding: 2px;
}
header aside{
padding: 2rem 0;
}
@ -68,6 +70,20 @@
body > nav {
text-align: center;
}
.Empty,
.EmptyAdvice {
text-align: center;
text-shadow:0 1px 0 #FFF
}
.Empty {
font-size: 10rem;
}
.EmptyAdvice {
font-size: 2rem;
font-style: italic;
}
#folder_comment
{
margin-bottom:10px;