ModernLightbox

ModernLightbox is a script created by JustLeafy.
== Description ==
It modernizes the lightbox, hence its name. 
=== Features ===
This is a list of features that this script offers.
* Dark theme: Many modern image lightboxes and file viewers use a dark theme to make it look modern. It also benefits the eyesight at night.
* Completely redesigned to modern styles: One of the main points is completely redesigning the image lightbox. Highlights to this feature includes transforming buttons into icons, removing box shadows from top and bottom bars, making the arrows more minimal and more.
* Gallery captions: It displays the captions of an image in the lightbox on the bottom right screen, as most image lightboxes and file viewers including the captions.
* Add to article option: It adds the image to an article.
* Always following the user when scrolling: Not only this script features an overhaul to its design and functions, but it now always follows the users when scrolling. They no longer need to scroll all the way to where the lightbox is to reach it, as it will always follow you no matter how much they scroll up or down.
More features are coming soon. See this section to view a list of planned features.
== Code ==
== Update Log ==
Date 	Description
October 29, 2017 	Initial Release
November 10, 2017	Support for two forms: full screen and normal sized.
November 19, 2017	Fixed the close button so that it has a new form, and the style doesn't affect the same thing in other elements and dialogs.
January 5, 2018 	Implemented gallery captions so that they appear in the lightbox. Also, the gallery captions are styled so that their color is always white.
January 16, 2018 	
* Icon modification:
** Modified the X icon so that it is the one from WDS.
** Added new icons to the arrows both in the middle and in the carousel.
** Converted the bar pinning, "See Full Size Image", "More Info" and "Share" buttons into icons, to reduce clutter.
* Made the gallery captions easier to read.
* Removed ugly loading throbber.
* Removed full screen version, due to its instability.
January 21, 2018 	Made it so that wherever the user scrolls while viewing an image from the lightbox, the lightbox will always follow the user.
February 3, 2018 	
* Redesigned the share menu.
** Redesigned the share icons and removed access to stumbleupon.
** Applied minor styling tweaks to the image itself.
** Applied styling tweaks to the inputboxes.
** Placed the image title on the top of the lightbox to ensure it is in a more appropriate place.
** Placed the send button on the right side of the email input.
** Redesigned back and close buttons to modern FANDOM icons.
* Unhidden the "Add to Article" button, as an option. Other styling tweaks from the button:
** The button itself is now represented as the plus icon.
** When clicking on it, the plus icon disappears and instead, there appears a modernized inputbox.
** Redesigned the autocomplete dropdown to a more consistent and modern style.
* A modern loading throbber is now available when loading media or the lightbox itself.
* Fixed issue where the pin button was still a button and not an icon.
April 15, 2018 	
* Removed lightbox keydown handler when lightbox is closed. An additional note is the position of the loading throbber being fixed after the fix of that bug.
* Combined the script into one.
* Made the image title white, bolder and bigger.
* Removed user details on the top in Special:Images.
* Made it easier to indicate when the top and bottom bars are pinned.
* Instead of "1 of 10", it will indicate "1/10".
* Added a bottom border for the header and a top border for the carousel.
* Removed line breaks on the bottom for gallery captions.
April 25, 2018 	
* Made the font size of the "X+ MORE ITEMS ON THIS WIKI" text smaller and whiter. Also made its border a little bit wider and consistent.
* Made some icons and the title have a darker shade of white on hover.
* Reduced image height when an image is pinned.
* Made the bottom bar of the current image that the user is viewing a bit more clear to see.
June 8, 2018 	Turned the background color of the header and the carousel into black gradients.
July 13, 2018 	Desktop XL support:
* Rescaled the lightbox so that it looks bigger for Desktop XL.
** In this case, this made a problem to the bottom gradient, but this issue was fixed.
August 7, 2018 	Fixed issue where the bottom arrows were oversized.
February 21, 2019	Fixed icons that weren't appearing.
December 22, 2019	Fixed issue where double selecting the filename and copying it would also make the "MORE INFO" and "SHARE" text copied.
== Planned Features ==
* Implement the ExpandFile.png sprite to images on hover, just like on Wikiwand.
* Support for devices under 1024px.
* Add a download image button.
* Add a full screen button.
* Implement a more modern version of a section more information of the file in the lightbox. This will do the following:
** The section should be located on the right side of the lightbox.
** It should be accessed by clicking the info icon.
** The details (added in, posted in) along with the imagecaption should be moved to the section.
** Include the upload date.
** Add a "View file page" button, which will access to the file page and an "Edit imagecaption" button that will edit the imagecaption.
** Add the tip to go to the file page faster.
With the planned features, the script is expected to look somewhat like this:
Category:JavaScript