Increase font size in toasts and make toast contents more consistent with title and body.
This commit is contained in:
		
							parent
							
								
									4076bfaf88
								
							
						
					
					
						commit
						ee10d401bf
					
				| 
						 | 
					@ -1,5 +1,7 @@
 | 
				
			||||||
.toast-title {
 | 
					.toast-title {
 | 
				
			||||||
  font-weight: bold;
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					  margin-bottom: 15px;
 | 
				
			||||||
 | 
					  text-decoration: underline;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.toast-message {
 | 
					.toast-message {
 | 
				
			||||||
  word-wrap: break-word;
 | 
					  word-wrap: break-word;
 | 
				
			||||||
| 
						 | 
					@ -98,7 +100,7 @@ button.toast-close-button {
 | 
				
			||||||
  overflow: hidden;
 | 
					  overflow: hidden;
 | 
				
			||||||
  margin: 0 0 6px;
 | 
					  margin: 0 0 6px;
 | 
				
			||||||
  padding: 15px 15px 15px 50px;
 | 
					  padding: 15px 15px 15px 50px;
 | 
				
			||||||
  width: 300px;
 | 
					  width: 500px;
 | 
				
			||||||
  border-radius: 3px 3px 3px 3px;
 | 
					  border-radius: 3px 3px 3px 3px;
 | 
				
			||||||
  background-position: 15px center;
 | 
					  background-position: 15px center;
 | 
				
			||||||
  background-repeat: no-repeat;
 | 
					  background-repeat: no-repeat;
 | 
				
			||||||
| 
						 | 
					@ -106,6 +108,7 @@ button.toast-close-button {
 | 
				
			||||||
  color: #FFFFFF;
 | 
					  color: #FFFFFF;
 | 
				
			||||||
  opacity: 1.0;
 | 
					  opacity: 1.0;
 | 
				
			||||||
  filter: opacity(100%);
 | 
					  filter: opacity(100%);
 | 
				
			||||||
 | 
					  font-size: 20px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
#toast-container > div.rtl {
 | 
					#toast-container > div.rtl {
 | 
				
			||||||
  direction: rtl;
 | 
					  direction: rtl;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -30,7 +30,7 @@ function getFolderContents() {
 | 
				
			||||||
                    });
 | 
					                    });
 | 
				
			||||||
                    $(".folder").click(function() { changeFolder($(this).data("name"), $(this).data("path")); });
 | 
					                    $(".folder").click(function() { changeFolder($(this).data("name"), $(this).data("path")); });
 | 
				
			||||||
                    $(".issue").click(function() { $(this).parent().addClass("readborder"); showComic($(this).data("relcomic"), $(this).data("comname")); });
 | 
					                    $(".issue").click(function() { $(this).parent().addClass("readborder"); showComic($(this).data("relcomic"), $(this).data("comname")); });
 | 
				
			||||||
                    toastr.remove();
 | 
					                    //toastr.remove();
 | 
				
			||||||
                 }
 | 
					                 }
 | 
				
			||||||
   });
 | 
					   });
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -47,7 +47,7 @@ function updatePathNavigator() {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function changeFolder(name, path) {
 | 
					function changeFolder(name, path) {
 | 
				
			||||||
   if ( path == curpath ) return;
 | 
					   if ( path == curpath ) return;
 | 
				
			||||||
   toastr.success("Opening comic \"" + name + "\"<br>If this is the first time it may take a while to generate thumbnails.");
 | 
					   toastr.success("If this is the first time it may take a while to generate thumbnails.", "Opening comic \"" + name + "\"");
 | 
				
			||||||
   $.ajax({
 | 
					   $.ajax({
 | 
				
			||||||
      url      : 'ajax/setpath.php',
 | 
					      url      : 'ajax/setpath.php',
 | 
				
			||||||
      data     : {path: path},
 | 
					      data     : {path: path},
 | 
				
			||||||
| 
						 | 
					@ -84,7 +84,7 @@ function updateCurrentPage() {
 | 
				
			||||||
// If not in debug mode a lightbox object is created to display the comic.
 | 
					// If not in debug mode a lightbox object is created to display the comic.
 | 
				
			||||||
//
 | 
					//
 | 
				
			||||||
function showComic(comic, name) {
 | 
					function showComic(comic, name) {
 | 
				
			||||||
   toastr.success("Extracting and showing the comic \"" + name + "\"...", "Showing Comic");
 | 
					   toastr.success("Extracting comic and opening viewer...", "Showing: " + name);
 | 
				
			||||||
   $.ajax({
 | 
					   $.ajax({
 | 
				
			||||||
      url      : 'ajax/showcomic.php',
 | 
					      url      : 'ajax/showcomic.php',
 | 
				
			||||||
      data     : {comic: comic},
 | 
					      data     : {comic: comic},
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue
	
	Block a user