Различия

Показаны различия между двумя версиями страницы.

--- ru:rule:dont_play_with_elements_size [2024-08-20 16:14] – [✔ Как надо] Anatoly Belaychuk
+++ ru:rule:dont_play_with_elements_size [2024-08-20 16:56] (текущий) – Embedded diagram updated Anatoly Belaychuk
@@ Строка 1: / Строка 1: @@
-====== 0-TBD Не играйтесь с размерами элементов ======
+====== Не играйтесь с размерами элементов ======
 {{tag>именование}}
-{{:ru:v_razrabotke.png?nolink&200|}}
+Не стоит менять размеры элементов, подстраивая их под текст названия.
-Тут описание правила
 ===== ✔ Как надо =====
@@ Строка 33: / Строка 31: @@
     <bpmndi:BPMNPlane id="BpmnPlane_1" bpmnElement="Process_1qqt81t">
       <bpmndi:BPMNShape id="TextAnnotation_0p97z6l_di" bpmnElement="TextAnnotation_0p97z6l">
-        <omgdc:Bounds x="240" y="10" width="100" height="30" />
+        <omgdc:Bounds x="240" y="10" width="100" height="41" />
         <bpmndi:BPMNLabel />
       </bpmndi:BPMNShape>
@@ Строка 67: / Строка 65: @@
 ===== ✘ Как НЕ надо =====
-<diagram><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="578px" height="81px" viewBox="-0.5 -0.5 578 81" content="&lt;mxfile host=&quot;embed.diagrams.net&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36&quot; version=&quot;24.7.7&quot;&gt;&lt;diagram id=&quot;JVxE7JagsKKI6EE8eKf4&quot; name=&quot;Страница — 1&quot;&gt;7VhLj5swEP41kdpLhXklHEMe7aGVKm2lbo/e4AVagiPH2YT++g7YhuGRbLolWlXai+X5PDOex2fjZOIstqePgu6SLzxi2cS2otPEWU5sO/AJjCVQKMALNBCLNFIQAu7S30yDlkYPacT2LUXJeSbTXRvc8DxnG9nCqBD82FZ75Fl71x2NWQ+429Csj35PI5kodGZPG/wTS+PE7Ez8QK1sqVHWmewTGvEjgpzVxFkIzqWabU8LlpW1M3VRduszq3VgguXyKgNt8USzg05OByYLky2LIHktciETHvOcZqsGDQU/5BErXVogNTqfOd8BSAD8yaQsdCfpQXKAErnN9CrLo3nZFxAfMr759S1JcwWv0wwpaQcE6hSqOMvgzuauoT0/iI3WcjRdqIiZ1grqugNfGd8yKQpQESyjMn1qe6eaOXGt1xQXJrq+w7V2+qWGes3dcgxXE8hxZlXzRTXOELKqxko/VMjS6MDogddKmVSjp0HtCpDQKFjIwxTt5VWrATJcohjWxtweCqYXpI0jtFBsIM6rMURhuE0Ktp9BS8IHAbO4nL1DHjvbLww4RYES5N0zcZBe5ioI632P6Q2PS74dk1Syux2tqHOEi6zNWd1NJiQ7XWZgn1vaoL7QCnMatXxsbhVirooE3Sgz69/pGAzSMVgjQkxRj+1qXHS7q2tbsaRpp3WGBC/gH+b3i/kHx0yNvlmdmcka+SEIWaHU7CH/a5RL2CKeMnltcjmzDrnsAXKRAXL5I5DL+O1edla72vXYv9pwl+dtFo1Cg1fujud2uuNcefTdMboz8Cn6T776UF5R3Os9K+FHKXzwjLg84cVlYaRTKu+NS5gjK5Aao1IwNi97YQT9Fwaxhrlw9RNDm37lKWxcc8gNOhxyA8io5UQFpu3wO7DjyvOedaUS6rmCDtICqe1Khf35oD27s5NnXY7ssj5MVAQN8esCX3cW3LezcLOzcCPi+/5oxJ92n2A3I77fPa1jE9l/I/KIRB6dtGQ80vZ+N9yMtOTsJ+ZcbM9a/C3RQWz+D1HqzZ9KzuoP&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="11"><g><path d="M 183 40 L 218.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 231.88 40 L 218.88 44.33 L 218.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="3"><g><rect x="63" y="0" width="120" height="80" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 40px; margin-left: 64px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Формирование схемы размещения товаров на складе <br />(в том числе брака)</div></div></div></foreignObject><text x="123" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Формирование схемы размещения товаров на складе...</text></switch></g></g></g><g data-cell-id="9"><g><rect x="233" y="10" width="110" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 108px; height: 1px; padding-top: 40px; margin-left: 234px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Печать наряда на размещение товаров на РЦ и паспортов паллет</div></div></div></foreignObject><text x="288" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Печать наряда на размещение товаров на РЦ и паспортов паллет</text></switch></g></g></g><g data-cell-id="10"><g><rect x="393" y="20" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 40px; margin-left: 394px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Расстановка товаров на РЦ</div></div></div></foreignObject><text x="453" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Расстановка товаров на РЦ</text></switch></g></g></g><g data-cell-id="13"><g><path d="M 343 40 L 373 40 L 378.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 391.88 40 L 378.88 44.33 L 378.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="14"><g><path d="M 513 40 L 543 40 L 548.89 39.85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 561.88 39.53 L 548.99 44.18 L 548.78 35.52 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="16"><g><path d="M 13 39.5 L 43 39.5 L 48.88 39.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 61.88 39.5 L 48.88 43.83 L 48.88 35.17 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg></diagram>
+<diagram><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="451px" height="81px" viewBox="-0.5 -0.5 451 81" content="&lt;mxfile host=&quot;embed.diagrams.net&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36&quot; version=&quot;24.7.7&quot;&gt;&lt;diagram id=&quot;JVxE7JagsKKI6EE8eKf4&quot; name=&quot;Страница — 1&quot;&gt;1VdJr9MwEP41leCCsjRtc2y6PA4gIRWJx9GvMUkgjSvXXcKvZ2KPk8nSUvEqEBdr5vPMeJYvrjvyF7vLk2T79KOIeT7ynPgy8pcjzwsnLqwVUBogCBFIZBYbiACb7CdH0EH0mMX80DJUQuQq27fBrSgKvlUtjEkpzm2zbyJvn7pnCe8Bmy3L++iXLFapQWfetMHf8yxJ7cnuJDQ7O2aNsZJDymJxJpC/GvkLKYQy0u6y4HnVO9sX47e+slsnJnmh7nJAjxPLj1gcJqZKWy2PoXhUhVSpSETB8lWDRlIci5hXIR3QGpsPQuwBdAH8zpUqcZLsqARAqdrluMuLeF7NBdSXXGx/fE6zwsDrLCdGGMCFPkX9UrGWgzjKLebuIzuYTDha4SiqqogbtueJix1XsgQDyXOmslN75AyZk9R2TXNBwP4O99rvtxr6NXdHUN1sXMnRSsuOlhd6nRFkpVftFTka9/QKJxvVhAq0QWCDABJZA8f6wjolpwR6NySOS3L62rp7V9Jop+c5JIJDcgN1rteIpDHGQyuiTnKYUfQiQUoq6Q2J2Dm+rnlKEnVJ9MDm4fYqN0k4b3tMb3hc8e2cZopv9kxz6QwXWZuzV/l34lLxy01u4W59oZX2a0T93Nwqrr0qUnKjzJzX0zEcpGO4JI1aE3JM27QbpCCZOvZcs8eMeZgWf8DIerivYSR8eGad2N2ZFdYkjkuQFSnKa4VqXGr6RaSK/pX6t4nmzzpE8waI5g4QbfIAotm43YvPafe5Xj3STI983Z3L7sbo6yvvxtD/8USCcWci/p2f/vgRExn4KfpPfvWh47J8xjO18rVS3gVWXV7o5rK02iVTzzYkyMQLtMapUqzPXS+MsP/CsIR/3BMDXT+JDDKpOTQOOxwah1BRK4jJFP3oO7ATKgh+G8pU2AsFE2QlMdtXBofrSQde56TAuZ3ZbXsQTAYN8esGD30LoDava2Pe/EXxV78A&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="11"><g><path d="M 120 40 L 155.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 168.88 40 L 155.88 44.33 L 155.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="3"><g><rect x="0" y="0" width="120" height="80" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Сформировать схемы размещения товаров на складе <br />(в том числе брака)</div></div></div></foreignObject><text x="60" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Сформировать схемы размещения товаров на складе...</text></switch></g></g></g><g data-cell-id="9"><g><rect x="170" y="10" width="110" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 108px; height: 1px; padding-top: 40px; margin-left: 171px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</div></div></div></foreignObject><text x="225" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</text></switch></g></g></g><g data-cell-id="10"><g><rect x="330" y="20" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 40px; margin-left: 331px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Расставить товары на РЦ</div></div></div></foreignObject><text x="390" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Расставить товары на РЦ</text></switch></g></g></g><g data-cell-id="13"><g><path d="M 280 40 L 310 40 L 315.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 328.88 40 L 315.88 44.33 L 315.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg></diagram>
 ===== Примечания =====
 Если название задачи или другого элемента на диаграмме не помещается в отведенный для него текстовый блок, поищите более лаконичную формулировку, используйте аббревиатуры и сокращения, но не поддавайтесь соблазну увеличить размер элемента - это приводит к визуальному разнобою и сильно ухудшает читаемость схемы.
-===== Исключения =====
-Исключения из указанного выше правила
 ===== Смотри также =====