[css-view-transitions-1] Use correct Snapshot Containing Block label in diagrams (#11442)

bramus · web-flow · commit 08b4c5de8492 · 2025-01-06T15:29:52.000Z
The “Snapshot Root” got renamed to “Snapshot Containing Block” in #8505. While the text in the spec itself got updated in #8814, the diagrams still used the old name.
diff --git a/css-view-transitions-1/diagram-source/desktop-browser-snapshot-viewport-original.svg b/css-view-transitions-1/diagram-source/desktop-browser-snapshot-viewport-original.svg
@@ -13,7 +13,7 @@
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+   xmlns:svg="http://www.w3.org/2000/svg"><style>text{font-family:sans-serif}</style><sodipodi:namedview
      id="namedview25362"
      pagecolor="#ffffff"
      bordercolor="#000000"
@@ -262,20 +262,20 @@
          y="30.185787"
          ry="2.3323288" /><text
          xml:space="preserve"
-         style="font-size:7.40833px;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.529167;stroke-dasharray:none;stroke-opacity:1"
+         style="font-size:5px;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.529167;stroke-dasharray:none;stroke-opacity:1"
          x="63.195206"
          y="39.48317"
          id="text36664"><tspan
            sodipodi:role="line"
            id="tspan36662"
-           style="font-size:7.40833px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke-width:0.529167"
+           style="font-size:5px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke-width:0.529167"
            x="63.195206"
            y="39.48317">Snapshot</tspan><tspan
            sodipodi:role="line"
-           style="font-size:7.40833px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke-width:0.529167"
+           style="font-size:5px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke-width:0.529167"
            x="63.195206"
            y="48.743584"
-           id="tspan36666">root</tspan></text></g></g><g
+           id="tspan36666">Containing Block</tspan></text></g></g><g
      inkscape:groupmode="layer"
      id="layer5"
      inkscape:label="Layer 2"
diff --git a/css-view-transitions-1/diagram-source/phone-browser-snapshot-viewport-original.svg b/css-view-transitions-1/diagram-source/phone-browser-snapshot-viewport-original.svg
@@ -13,7 +13,7 @@
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+   xmlns:svg="http://www.w3.org/2000/svg"><style>text{font-family:sans-serif}</style><sodipodi:namedview
      id="namedview7"
      pagecolor="#ffffff"
      bordercolor="#000000"
@@ -716,26 +716,26 @@
        transform="translate(-4.6499996,3.5836601)"><rect
          style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-dasharray:none;stroke-opacity:1"
          id="rect19827"
-         width="155.10001"
+         width="165.10001"
          height="83.260582"
-         x="27.099997"
+         x="21.099997"
          y="122.28605"
          ry="8.40312" /><text
          xml:space="preserve"
-         style="font-size:29.3333px;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;stroke-dasharray:none;stroke-opacity:1"
+         style="font-size:20px;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;stroke-dasharray:none;stroke-opacity:1"
          x="103.99115"
          y="153.77573"
          id="text19721"><tspan
            sodipodi:role="line"
            id="tspan19719"
            x="103.99115"
            y="153.77573"
-           style="font-size:29.3333px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1">Snapshot</tspan><tspan
+           style="font-size:20px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1">Snapshot</tspan><tspan
            sodipodi:role="line"
            x="103.99115"
            y="190.44235"
            id="tspan19723"
-           style="font-size:29.3333px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1">root</tspan></text></g></g><g
+           style="font-size:20px;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1">Containing Block</tspan></text></g></g><g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="Layer 2"
diff --git a/css-view-transitions-1/diagrams/desktop-browser-snapshot-root.svg b/css-view-transitions-1/diagrams/desktop-browser-snapshot-root.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132.29 79.38"><style>text{font-family:sans-serif}</style><rect width="132.29" height="79.38" fill="#fff" rx="0" ry="0"/><path fill="#dfdfdf" d="M-.26-.26H132.3v7.09H-.26z"/><path fill="#c1c1c1" d="M0 6.82h132.29v7.42H0z"/><rect width="25.82" height="7.15" x="3.91" y="1.13" fill="#c1c1c1" ry="1.53"/><circle cx="129.09" cy="3.28" r="1.53" fill="#c40000"/><text x="5.37" y="4.98" stroke-width=".53" font-size="2.91" style="text-align:start">Example</text><path d="m26.65 4.83-.13-.13.71-.72-.71-.72.13-.13.71.72.72-.72.13.13-.72.72.72.72-.13.13-.72-.72zM4.33 12.12l-1.58-1.59 1.58-1.58.2.2-1.22 1.23h2.6v.3h-2.6l1.23 1.23zm5.02-3.17 1.58 1.58-1.58 1.59-.2-.21 1.22-1.23h-2.6v-.3h2.6L9.14 9.16zm3.85 2.94h.67v-1.13h1v1.13h.67v-1.76l-1.17-.89-1.18.89zm-.28.27V10l1.45-1.09L15.8 10v2.17h-1.2v-1.13h-.45v1.13z"/><rect width="112.18" height="5.08" x="18.56" y="7.99" fill="#fff" ry="2.54"/><text x="20.79" y="11.35" stroke-width=".53" font-size="2.91">example.com</text><rect width="132.29" height="3.85" y="75.53" fill="#dfdfdf" ry="0"/><rect width="65.13" height="3.85" x="14.24" y="-132.29" fill="#dfdfdf" ry="0" transform="rotate(90)"/><path fill="#c1c1c1" d="M7.77 75.53h82.99v3.85H7.77zM128.44 37.6h3.85v13.01h-3.85zM0 75.53h3.85v3.85H0z"/><path d="m2.4 76.27.22.21-.97.97.97.97-.21.21-1.18-1.18z"/><path fill="#c1c1c1" d="M128.45 79.37h-3.85v-3.85h3.85z"/><path d="m126.04 78.63-.21-.21.97-.97-.97-.97.21-.2 1.18 1.17z"/><path fill="#c1c1c1" d="M128.45 75.53v-3.85h3.85v3.85z"/><path d="m129.19 73.12.2-.21.98.97.97-.97.2.2-1.17 1.19z"/><path fill="#c1c1c1" d="M132.29 14.24v3.85h-3.85v-3.85z"/><path d="m131.55 16.65-.21.21-.97-.97-.97.97-.21-.2 1.18-1.19z"/><path fill="#ffdc19" d="M-.08 14.24h15.69v3.13H-.08z"/><path fill="#ffdc19" d="M2.79 14.24v15.69H-.34V14.24z"/><g fill="#ffdc19"><path d="M132.3 14.5v15.69h-3.14v-15.7z"/><path d="M132.3 17.37h-15.7v-3.13h15.7z"/></g><g fill="#ffdc19"><path d="M0 79.38v-15.7h3.13v15.7z"/><path d="M0 76.5h15.69v3.14H-.01z"/></g><g fill="#ffdc19"><path d="M132.3 79.38h-15.7v-3.13h15.7z"/><path d="M129.42 79.38v-15.7h3.13v15.7z"/></g><path fill="#ffdc19" fill-opacity=".4" d="M0 14.24h132.29v65.13H0z"/><g transform="translate(2.78 4.76)"><rect width="41.46" height="23.72" x="42.63" y="30.19" fill="#fff" ry="2.33"/><text x="63.2" y="39.48" stroke-width=".53" font-size="7.41"><tspan x="63.2" y="39.48" style="text-align:center" text-anchor="middle">Snapshot</tspan><tspan x="63.2" y="48.74" style="text-align:center" text-anchor="middle">root</tspan></text></g><path fill="none" stroke="#000" stroke-width=".53" d="M0 0h132.29v79.38H0z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132.29 79.38"><style>text{font-family:sans-serif}</style><rect width="132.29" height="79.38" fill="#fff" rx="0" ry="0"/><path fill="#dfdfdf" d="M-.26-.26H132.3v7.09H-.26z"/><path fill="#c1c1c1" d="M0 6.82h132.29v7.42H0z"/><rect width="25.82" height="7.15" x="3.91" y="1.13" fill="#c1c1c1" ry="1.53"/><circle cx="129.09" cy="3.28" r="1.53" fill="#c40000"/><text x="5.37" y="4.98" stroke-width=".53" font-size="2.91" style="text-align:start">Example</text><path d="m26.65 4.83-.13-.13.71-.72-.71-.72.13-.13.71.72.72-.72.13.13-.72.72.72.72-.13.13-.72-.72zM4.33 12.12l-1.58-1.59 1.58-1.58.2.2-1.22 1.23h2.6v.3h-2.6l1.23 1.23zm5.02-3.17 1.58 1.58-1.58 1.59-.2-.21 1.22-1.23h-2.6v-.3h2.6L9.14 9.16zm3.85 2.94h.67v-1.13h1v1.13h.67v-1.76l-1.17-.89-1.18.89zm-.28.27V10l1.45-1.09L15.8 10v2.17h-1.2v-1.13h-.45v1.13z"/><rect width="112.18" height="5.08" x="18.56" y="7.99" fill="#fff" ry="2.54"/><text x="20.79" y="11.35" stroke-width=".53" font-size="2.91">example.com</text><rect width="132.29" height="3.85" y="75.53" fill="#dfdfdf" ry="0"/><rect width="65.13" height="3.85" x="14.24" y="-132.29" fill="#dfdfdf" ry="0" transform="rotate(90)"/><path fill="#c1c1c1" d="M7.77 75.53h82.99v3.85H7.77zM128.44 37.6h3.85v13.01h-3.85zM0 75.53h3.85v3.85H0z"/><path d="m2.4 76.27.22.21-.97.97.97.97-.21.21-1.18-1.18z"/><path fill="#c1c1c1" d="M128.45 79.37h-3.85v-3.85h3.85z"/><path d="m126.04 78.63-.21-.21.97-.97-.97-.97.21-.2 1.18 1.17z"/><path fill="#c1c1c1" d="M128.45 75.53v-3.85h3.85v3.85z"/><path d="m129.19 73.12.2-.21.98.97.97-.97.2.2-1.17 1.19z"/><path fill="#c1c1c1" d="M132.29 14.24v3.85h-3.85v-3.85z"/><path d="m131.55 16.65-.21.21-.97-.97-.97.97-.21-.2 1.18-1.19z"/><path fill="#ffdc19" d="M-.08 14.24h15.69v3.13H-.08z"/><path fill="#ffdc19" d="M2.79 14.24v15.69H-.34V14.24z"/><g fill="#ffdc19"><path d="M132.3 14.5v15.69h-3.14v-15.7z"/><path d="M132.3 17.37h-15.7v-3.13h15.7z"/></g><g fill="#ffdc19"><path d="M0 79.38v-15.7h3.13v15.7z"/><path d="M0 76.5h15.69v3.14H-.01z"/></g><g fill="#ffdc19"><path d="M132.3 79.38h-15.7v-3.13h15.7z"/><path d="M129.42 79.38v-15.7h3.13v15.7z"/></g><path fill="#ffdc19" fill-opacity=".4" d="M0 14.24h132.29v65.13H0z"/><g transform="translate(2.78 4.76)"><rect width="41.46" height="23.72" x="42.63" y="30.19" fill="#fff" ry="2.33"/><text x="63.2" y="39.48" stroke-width=".53" font-size="5"><tspan x="63.2" y="39.48" style="text-align:center" text-anchor="middle">Snapshot</tspan><tspan x="63.2" y="48.74" style="text-align:center" text-anchor="middle">Containing Block</tspan></text></g><path fill="none" stroke="#000" stroke-width=".53" d="M0 0h132.29v79.38H0z"/></svg>
diff --git a/css-view-transitions-1/diagrams/phone-browser-snapshot-root.svg b/css-view-transitions-1/diagrams/phone-browser-snapshot-root.svg
