[TASK] Add zoom or gallery settings to screenshots (#383)

Remove shadow

Releases: main, 13.4

Author: linawolf

Documentation/ContentBlocks/Carousel.rst

@@ -138,6 +138,7 @@ Line 1: We are using the layout `Preview`, which already gives some structure to
 the display of the backend element:
 
 ..  figure:: /Images/ContentBlocks/BackendLayout.png
+    :zoom: lightbox
     :alt: Screenshot of a Content Block in the TYPO3 Backend, demonstrating the sections of the layout
 
     The sections of a content element backend layout: (1) Header, (2) Content, (3) Footer

Documentation/ContentBlocks/Index.rst

@@ -64,6 +64,7 @@ You can now replace the content element in the area "Stage" of start page with
 one of type "Jumbotron".
 
 ..  figure:: /Images/ContentBlocks/CreateContentElement.png
+    :zoom: lightbox
     :alt: Screenshot of the "New Page Content" dialog with the Carousel and Jumbotron as additional features
 
     The new Content Blocks "Jumbotron" and "Carousel"

Documentation/ContentElementRendering/Index.rst

@@ -49,6 +49,7 @@ the paths to the templates of Fluid Styled Content like this:
 
 ..  figure:: /Images/SiteSettingsFsc.png
     :alt: Screenshot demonstrating the site settings module
+    :zoom: lightbox
 
     Override the templates of Fluid Styled Content
 
@@ -86,6 +87,7 @@ is activated:
 
 ..  figure:: /Images/MenuContentElement.png
     :alt: Screenshot demonstrating the backend debug mode for Content element "Subpages" on "Page 1"
+    :zoom: lightbox
 
     You can now see that the Type (saved in field `CType`) is stored as `menu_subpages`
 

Documentation/ContentMapping/AddContent.rst

@@ -18,27 +18,27 @@ in the column labelled "*Main*" and choose the "Regular Text
 Element" content element.
 
 ..  figure:: /Images/ContentMapping/AddNewContentElement.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Create new content element
 
     Create new content element
 
 ..  figure:: /Images/ContentMapping/ChooseRegularTextElement.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Choose "Regular Text Element"
 
     Choose "Regular Text Element"
 
 Enter a headline and some arbitrary text in the Rich Text Editor (RTE).
 
 ..  figure:: /Images/ContentMapping/EditRegularTextElement1.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Enter a headline
 
     Enter a headline
 
 ..  figure:: /Images/ContentMapping/EditRegularTextElement2.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Enter some arbitrary text in the Rich Text Editor (RTE)
 
     Enter some arbitrary text in the Rich Text Editor (RTE)
@@ -47,7 +47,7 @@ Save your changes by clicking button :guilabel:`Save` at the top.
 You can return to the previous view by clicking :guilabel:`Close`.
 
 ..  figure:: /Images/ContentMapping/SaveAndCloseRegularTextElement.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Save and close the new content element
 
     Save and close the new content element
@@ -56,15 +56,15 @@ You can return to the previous view by clicking :guilabel:`Close`.
 :guilabel:`View webpage`.
 
 ..  figure:: /Images/ContentMapping/PreviewPageButton.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: View webpage button
 
     View webpage button
 
 Check that the content is displayed as expected.
 
 ..  figure:: /Images/ContentMapping/VerifyPageContent.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Verify if your new content is displayed on the page
 
     Verify if your new content is displayed on the page

Documentation/ContentMapping/Index.rst

@@ -80,15 +80,15 @@ When you make changes to the files of an extension it is usually necessary
 to flush all caches by hitting the button.
 
 ..  figure:: /Images/AutomaticScreenshots/FlushAllCaches.png
-    :class: with-shadow
+    :zoom: gallery
 
     Flush all caches
 
 After flushing the all caches the new backend layout is available in the page
 properties at :guilabel:` Appearance >  Layout > Backend Layout`.
 
 ..  figure:: /Images/AutomaticScreenshots/ChooseBackendLayout.png
-    :class: with-shadow
+    :zoom: gallery
 
     Choose the backend layout
 
@@ -106,7 +106,7 @@ If you followed step
 the areas "Stage" and "Main" should already contain some example content.
 
 .. figure:: /Images/AutomaticScreenshots/CreateNewContentElement.png
-   :class: with-shadow
+    :zoom: gallery
 
    Create new content element
 
@@ -155,6 +155,7 @@ like this:
 
 ..  figure:: /Images/ContentMapping/contents_debug.png
     :alt: Screenshot of the debug output of {content}
+    :zoom: gallery
 
     The debug output should contain sections "stage" and "main"
 

Documentation/ContentMapping/SubpageLayout.rst

@@ -45,7 +45,7 @@ Edit the page properties of `Start page` to use the backend layout
 "Two Columns" for subpages.
 
 ..  figure:: /Images/ContentMapping/SwitchBackendLayoutForSubpages.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: Switch to the Backend Layout "Two Columns" for subpages
 
     Switch to the Backend Layout "Two Columns" for subpages
@@ -59,7 +59,7 @@ The pages generated in step Create initial pages already contain
 "Menu of subpages" an example content in "sidebar" column.
 
 ..  figure:: /Images/ContentMapping/BackendLayoutTwoColumns.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: A new column "Sidebar" appears
 
     A new column "Sidebar" appears
@@ -68,7 +68,7 @@ The pages generated in step Create initial pages already contain
 Preview the page once more. A sidebar will appear in the frontend:
 
 ..  figure:: /Images/ContentMapping/TwoColumnsPreviewPage.png
-    :class: with-shadow
+    :zoom: gallery
     :alt: The sidebar appears in the frontend
 
     The sidebar appears in the frontend

Documentation/CreatePages/Index.rst

@@ -37,6 +37,7 @@ Loading the data might take a few seconds. If you do not see the new pages try
 reloading the backend.
 
 ..  figure:: PageModule.png
+    :zoom: lightbox
     :alt: Screenshot of the backend module "Page" with the loaded example data
 
     The page tree in the module :guilabel:`Content > Layout` now contains a few example pages.
@@ -59,6 +60,7 @@ The site configuration is stored in a file called
 backend module :guilabel:`Sites > Setup`:
 
 ..  figure:: SiteConfiguration.png
+    :zoom: lightbox
     :alt: Screenshot of the backend module "Site Management"
 
     Edit the site configuration in  :guilabel:`Sites > Setup`

Documentation/Menu/Index.rst

@@ -142,7 +142,7 @@ Whenever you change TypoScript files or Fluid templates, flush all caches:
 
 ..  figure:: /Images/MainMenuCreation/CheckMainMenu.png
     :alt: Checking from the backend if the menu is generated as expected.
-    :class: with-shadow
+    :zoom: lightbox
 
     Checking from the backend if the menu is generated as expected.
 

Documentation/MinimalExample/Index.rst

@@ -160,6 +160,7 @@ it should already contain the "My Site package" set. Other sets can be added her
 for example :composer:`typo3/cms-form`.
 
 ..  figure:: AddSiteSet.png
+    :zoom: lightbox
     :alt: Screenshot demonstrating adding the "My Site package" to the site main
 
     Use module :guilabel:`Sites > Setup` to add the "Example: My Site package"
@@ -218,7 +219,7 @@ you need to :guilabel:`Flush frontend caches` in the menu in the
 top bar before previewing the page:
 
 ..  figure:: /Images/AutomaticScreenshots/FlushFrontendCaches.png
-    :class: with-shadow
+    :zoom: lightbox
 
     Flush the frontend cache after changing template files
 

Documentation/Prerequisites/Index.rst

@@ -24,6 +24,7 @@ You can follow this tutorial to install TYPO3 with DDEV and Composer:
 You should be able to log in into the TYPO3 backend and see the following:
 
 ..  figure:: EmptyInstallation.png
+    :zoom: lightbox
     :alt: Screenshot of a fresh TYPO3 13.4-dev installation with no page in the page tree
 
     A fresh, empty TYPO3 installation (light mode)