Issue #2448213 by alexpott: Remove admin templates from Classy

core/modules/block/templates/block-list.html.twig

@@ -13,11 +13,11 @@
  * @ingroup themeable
  */
 #}
-<div>
-  <div>
+<div class="layout-block-list clearfix">
+  <div class="layout-region block-list-primary">
     {{ form|without('place_blocks') }}
   </div>
-  <div>
+  <div class="layout-region block-list-secondary">
     {{ form.place_blocks }}
   </div>
 </div>

core/modules/image/templates/image-style-preview.html.twig

@@ -30,28 +30,28 @@
  * @ingroup themeable
  */
 #}
-<div>
+<div class="image-style-preview preview clearfix">
   {# Preview of the original image. #}
-  <div>
+  <div class="preview-image-wrapper">
       {{ 'original'|t }} (<a href="{{ original.url }}">{{ 'view actual size'|t }}</a>)
-      <div style="width: {{ preview.original.width }}px; height: {{ preview.original.height }}px;">
+      <div class="preview-image original-image" style="width: {{ preview.original.width }}px; height: {{ preview.original.height }}px;">
         <a href="{{ original.url }}">
           {{ original.rendered }}
         </a>
-      <div style="height: {{ preview.original.height }}px"><span>{{ original.height }}px</span></div>
-      <div style="width: {{ preview.original.width }}px"><span>{{ original.width }}px</span></div>
+      <div class="height" style="height: {{ preview.original.height }}px"><span>{{ original.height }}px</span></div>
+      <div class="width" style="width: {{ preview.original.width }}px"><span>{{ original.width }}px</span></div>
     </div>
   </div>
 
   {# Derivative of the image style. #}
-  <div>
+  <div class="preview-image-wrapper">
     {{ style_name }} (<a href="{{ derivative.url }}?{{ cache_bypass }}">{{ 'view actual size'|t }}</a>)
-    <div style="width: {{ preview.derivative.width }}px; height: {{ preview.derivative.height }}px;">
+    <div class="preview-image modified-image" style="width: {{ preview.derivative.width }}px; height: {{ preview.derivative.height }}px;">
       <a href="{{ derivative.url }}?{{ cache_bypass }}">
         {{ derivative.rendered }}
       </a>
-      <div style="height: {{ preview.derivative.height }}px"><span>{{ derivative.height }}px</span></div>
-      <div style="width: {{ preview.derivative.width }}px"><span>{{ derivative.width }}px</span></div>
+      <div class="height" style="height: {{ preview.derivative.height }}px"><span>{{ derivative.height }}px</span></div>
+      <div class="width" style="width: {{ preview.derivative.width }}px"><span>{{ derivative.width }}px</span></div>
     </div>
   </div>
 </div>

core/themes/classy/templates/admin/block-list.html.twig

-{#
-/**
- * @file
- * Two column template for the block add/edit form.
- *
- * This template will be used when a block edit form specifies 'block_edit_form'
- * as its #theme callback.  Otherwise, by default, block add/edit forms will be
- * themed by form.html.twig.
- *
- * Available variables:
- * - form: The block add/edit form.
- *
- * @ingroup themeable
- */
-#}
-<div class="layout-block-list clearfix">
-  <div class="layout-region block-list-primary">
-    {{ form|without('place_blocks') }}
-  </div>
-  <div class="layout-region block-list-secondary">
-    {{ form.place_blocks }}
-  </div>
-</div>

core/themes/classy/templates/admin/image-anchor.html.twig

-{#
-/**
- * @file
- * Default theme implementation for a 3x3 grid of checkboxes for image anchors.
- *
- * Available variables:
- * - table: HTML for the table of image anchors.
- *
- * @see template_preprocess_image_anchor()
- *
- * @ingroup themeable
- */
-#}
-{{ table }}

core/themes/classy/templates/admin/image-crop-summary.html.twig

-{#
-/**
- * @file
- * Default theme implementation for a summary of an image crop effect.
- *
- * Available variables:
- * - data: The current configuration for this resize effect, including:
- *   - width: The width of the resized image.
- *   - height: The height of the resized image.
- *   - anchor: The part of the image that will be retained after cropping.
- *   - anchor_label: The translated label of the crop anchor.
- * - effect: The effect information, including:
- *   - id: The effect identifier.
- *   - label: The effect name.
- *   - description: The effect description.
- *
- * @ingroup themeable
- */
-#}
-{% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
-{%- else -%}
-  {% if data.width %}
-    {% trans %}
-      width {{ data.width|e }}
-    {% endtrans %}
-  {% elseif data.height %}
-    {% trans %}
-      height {{ data.height|e }}
-    {% endtrans %}
-  {% endif %}
-{%- endif %}

core/themes/classy/templates/admin/image-resize-summary.html.twig

-{#
-/**
- * @file
- * Default theme implementation for a summary of an image resize effect.
- *
- * Available variables:
- * - data: The current configuration for this resize effect, including:
- *   - width: The width of the resized image.
- *   - height: The height of the resized image.
- * - effect: The effect information, including:
- *   - id: The effect identifier.
- *   - label: The effect name.
- *   - description: The effect description.
- *
- * @ingroup themeable
- */
-#}
-{% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
-{%- else -%}
-  {% if data.width %}
-    {% trans %}
-      width {{ data.width|e }}
-    {% endtrans %}
-  {% elseif data.height %}
-    {% trans %}
-      height {{ data.height|e }}
-    {% endtrans %}
-  {% endif %}
-{%- endif %}

core/themes/classy/templates/admin/image-rotate-summary.html.twig

-{#
-/**
- * @file
- * Default theme implementation for a summary of an image rotate effect.
- *
- * Available variables:
- * - data: The current configuration for this resize effect, including:
- *   - degrees: Degrees to rotate the image, positive values will rotate the
- *     image clockwise, negative values counter-clockwise.
- *   - bgcolor: The hex background color of the new areas created as consequence
- *     of rotation.
- *   - random: If the rotation angle is randomized.
- * - effect: The effect information, including:
- *   - id: The effect identifier.
- *   - label: The effect name.
- *   - description: The effect description.
- *
- * @ingroup themeable
- */
-#}
-{% if data.random %}
-  {% trans %}
-    random between -{{ data.degrees|abs }}° and {{ data.degrees|abs }}°
-  {% endtrans %}
-{% else %}
-  {{ data.degrees }}°
-{% endif %}

core/themes/classy/templates/admin/image-scale-summary.html.twig

-{#
-/**
- * @file
- * Default theme implementation for a summary of an image scale effect.
- *
- * Available variables:
- * - data: The current configuration for this resize effect, including:
- *   - width: The width of the resized image.
- *   - height: The height of the resized image.
- *   - upscale: If images larger than their original size can scale.
- * - effect: The effect information, including:
- *   - id: The effect identifier.
- *   - label: The effect name.
- *   - description: The effect description.
- *
- * @ingroup themeable
- */
-#}
-{% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
-{%- else -%}
-  {% if data.width %}
-    {% trans %}
-      width {{ data.width|e }}
-    {% endtrans %}
-  {% elseif data.height %}
-    {% trans %}
-      height {{ data.height|e }}
-    {% endtrans %}
-  {% endif %}
-{%- endif %}
-
-{% if data.upscale %}
-  {% trans %}
-    (upscaling allowed)
-  {% endtrans %}
-{% endif %}

core/themes/classy/templates/admin/image-style-preview.html.twig

-{#
-/**
- * @file
- * Default theme implementation to display a preview of an image style.
- *
- * Available variables:
- * - style_id: The ID of the image style.
- * - style_name: The name of the image style.
- * - cache_bypass: A timestamp token used to avoid browser caching of images.
- * - original: An associative array containing:
- *   - url: The URL of the original image.
- *   - width: The width in pixels of the original image.
- *   - height: The height in pixels of the original image.
- *   - rendered: The render array for the original image.
- * - derivative: An associative array containing:
- *   - url: The URL of the derivative image.
- *   - width: The width in pixels of the derivative image.
- *   - height: The height in pixels of the derivative image.
- *   - rendered:  The rendered derivative image.
- * - preview: An associative array containing:
- *   - original: An associative array containing:
- *     - width: The width in pixels of the original image in the preview.
- *     - height: The height in pixels of the original image in the preview.
- *   - derivative: An associative array containing:
- *     - width: The width in pixels of the derivative image in the preview.
- *     - height: The height in pixels of the derivative image in the preview.
- *
- * @see template_preprocess_image_style_preview()
- *
- * @ingroup themeable
- */
-#}
-<div class="image-style-preview preview clearfix">
-  {# Preview of the original image. #}
-  <div class="preview-image-wrapper">
-      {{ 'original'|t }} (<a href="{{ original.url }}">{{ 'view actual size'|t }}</a>)
-      <div class="preview-image original-image" style="width: {{ preview.original.width }}px; height: {{ preview.original.height }}px;">
-        <a href="{{ original.url }}">
-          {{ original.rendered }}
-        </a>
-      <div class="height" style="height: {{ preview.original.height }}px"><span>{{ original.height }}px</span></div>
-      <div class="width" style="width: {{ preview.original.width }}px"><span>{{ original.width }}px</span></div>
-    </div>
-  </div>
-
-  {# Derivative of the image style. #}
-  <div class="preview-image-wrapper">
-    {{ style_name }} (<a href="{{ derivative.url }}?{{ cache_bypass }}">{{ 'view actual size'|t }}</a>)
-    <div class="preview-image modified-image" style="width: {{ preview.derivative.width }}px; height: {{ preview.derivative.height }}px;">
-      <a href="{{ derivative.url }}?{{ cache_bypass }}">
-        {{ derivative.rendered }}
-      </a>
-      <div class="height" style="height: {{ preview.derivative.height }}px"><span>{{ derivative.height }}px</span></div>
-      <div class="width" style="width: {{ preview.derivative.width }}px"><span>{{ derivative.width }}px</span></div>
-    </div>
-  </div>
-</div>