From 55040a3cb40cb07cce44f2eada7774a264f4cdb9 Mon Sep 17 00:00:00 2001
From: Sascha Schulz <sschulz@dh-software.de>
Date: Mi, 30 Aug 2023 12:31:25 +0200
Subject: [PATCH] Merge branch 'draft'

---
 assets/images/css-position-absolute.svg |    4 ++++
 1 files changed, 4 insertions(+), 0 deletions(-)

diff --git a/assets/images/css-position-absolute.svg b/assets/images/css-position-absolute.svg
new file mode 100644
index 0000000..2220946
--- /dev/null
+++ b/assets/images/css-position-absolute.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than diagrams.net -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="311px" height="148px" viewBox="-0.5 -0.5 311 148" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2023-08-29T15:39:46.837Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.1.2 Chrome/96.0.4664.55 Electron/16.0.5 Safari/537.36&quot; etag=&quot;PeUxOrFBqwBmuO2_eTbH&quot; version=&quot;16.1.2&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;BGdbwjortsLvGND2NXud&quot; name=&quot;Page-1&quot;&gt;5VZRb5swEP41PEYCnJL0MaVdp0nTJmXa1kcXX8Cqwcw4hezX76hNwDGttlVVNO0J3+fz2ffddzYBScvuVtG6+CgZiCAOWReQ6yCO43W4xk+PHAxCosQiueLMYNEIbPlPsGBo0T1n0DiOWkqhee2CmawqyLSDUaVk67rtpHB3rWkOHrDNqPDRb5zpwqDreDXi74HnxbBzlFyamZIOzjaTpqBMthOI3AQkVVJqMyq7FETP3sCLWffumdnjwRRU+ncWXH69jaX48aH+0q7Wd/xTGqcPC2KiPFKxtwnXsuGayyogG5xQIKjmj2BT0IeBFyX3FYM+dBiQq7bgGrY1zfrZFqWAWKFLgVaEQ7sJKA3ds6ePjpygmkCWoNUBXaxwFiOz7ViHaGXJLSY1WFqM2tLnx2AjOziwBP0BWVHkseXxAhXb9LJDKxO0aXjmUuHyhsmrw/epcTc1rjvHOljLbArMU+4JmdgqVOWgX0opmWd9wvHFDMUDdpSH03YzvNsdPkuOJ5wr6rCokXuVgfWbqnlY2rlFHiPFJ5FM7l6kp8ofM32FGPzWEbDTpm2isO48aaD4tSuGRiv5AKkUUiFSyQo9r3ZciBOICp5XvaKwvoD4Vd9KHC+pjZ0oOWP9NrON6EqO0aZ4Ml7bmHbBYuVVIll6jZrMiIi8WZ8uvdJoWZvKkP+6MuTizJUJZ27QRPTkNzWtcJz3Y/cNajTeMdngd68GrwHBk0wXn++p6lz2RtqHy+p8L1fyF7zT+0aKvYZ/h/nYYz56O+bRHH/ezKsy/gOTm18=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(42, 42, 42);"><defs/><g><rect x="90" y="27" width="170" height="40" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 47px; margin-left: 91px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">position: relative</div></div></div></foreignObject><text x="175" y="51" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">position: relative</text></switch></g><path d="M 90 27 L 107.96 79.97" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 109.64 84.94 L 104.08 79.44 L 107.96 79.97 L 110.71 77.19 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><rect x="20" y="32" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 47px; margin-left: 21px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">left: 10px</div></div></div></foreignObject><text x="50" y="51" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">left: 10px</text></switch></g><rect x="20" y="61" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 76px; margin-left: 21px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">top: 30px</div></div></div></foreignObject><text x="50" y="80" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">top: 30px</text></switch></g><rect x="120" y="56" width="170" height="40" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 76px; margin-left: 121px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span>position: static<br /></span></div></div></div></foreignObject><text x="205" y="80" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">position: static&#xa;</text></switch></g><rect x="110" y="86" width="170" height="40" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 106px; margin-left: 111px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span>position: absolute<br /></span></div></div></div></foreignObject><text x="195" y="110" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">position: absolute&#xa;</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>
\ No newline at end of file

--
Gitblit v1.9.3