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_new = "New"; // Text to display for new images. Use with $display_new variable
$label_page = "Page"; // Text used for page navigation $label_page = "Page"; // Text used for page navigation
$label_all = "All"; // Text used for link to display all images in one page $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 $label_loading = "Loading..."; // Thumbnail loading text
$breadcrumb_separator = ">"; // Breadcrumb parts separator $breadcrumb_separator = ">"; // Breadcrumb parts separator

View file

@ -432,7 +432,7 @@ for ($y = 0; $y < $offset_start - sizeof($dirs); $y++) {
// DISPLAY FOLDERS // DISPLAY FOLDERS
//----------------------- //-----------------------
if (count($dirs) + count($files) == 0) { 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") { 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>"; $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 %>; max-width: <% gallery_width %>;
margin: 0px auto; margin: 0px auto;
} }
.Message { .Message {
padding: 1rem; padding: 1rem;
background-color: #f1c40f; background-color: #f1c40f;
@ -55,6 +56,7 @@
float: right; float: right;
padding: 2px; padding: 2px;
} }
header aside{ header aside{
padding: 2rem 0; padding: 2rem 0;
} }
@ -68,6 +70,20 @@
body > nav { body > nav {
text-align: center; 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 #folder_comment
{ {
margin-bottom:10px; margin-bottom:10px;