Differences

This shows you the differences between two versions of the page.

--- en:rule:dont_play_with_elements_size [2024-08-20 16:39] – [Edit diagram] Anatoly Belaychuk
+++ en:rule:dont_play_with_elements_size [2024-08-20 16:58] (current) – Embedded diagram updated Anatoly Belaychuk
@@ Line 3: / Line 3: @@
 {{tag>naming}}
-{{en:underconstruction.png?nolink&200|}}
+It doesn't pay to change elements size trying to fit to labels.
-Не стоит менять размеры элементов, подстраивая их под текст названия.
 ===== ✔ How to =====
@@ Line 67: / Line 65: @@
 ===== ✘ How NOT to =====
-<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;7VjJbtswEP0aA+2l0G7rGHlJDy1QIAWaHhmLkdTKokHTsdWv74iLNFrsuLWSokAuBOdxZjjLI0V74s43x1tOtulnFtN84ljxceIuJo4TBjaMFVAqwA81kPAsVhAC7rJfVIOWRvdZTHctRcFYLrJtG1yzoqBr0cII5+zQVntkeXvXLUloD7hbk7yPfstikSp05kwb/CPNktTsbAehWtkQo6wz2aUkZgcEucuJO+eMCTXbHOc0r2pn6qLsVidW68A4LcRFBtriieR7nZwOTJQmWxpD8lpkXKQsYQXJlw0acbYvYlq5tEBqdD4xtgXQBvAHFaLUnSR7wQBKxSbXq7SIb6q+gPiQs/XPr2lWKHiV5UhJO7ChTlE/VZ3Lju35WsfuanYQnlCtpVtRZYXMdHluKdtQwUtQ4DQnIntqt5xo5iS1XlNcmOj6Dtfa7Zca6nVjTyC7mVfNo6WcW3I+l+MMIUs5SqvIkrgjR9hZicqVLxV84wSQyChYxhbGKdrFl6shMlyg3VfG3DkRRjs8x0IeLBQbiDdyjFAYnt60ImqQQ4+iBw6zpJq9Qx4729c5T1GgNvLumzjsXuYqCOt9j+kNjyu+HdJM0LstkVw6wEXW5uxJ/j1RLujxLLf0an2hleY0avnQ3Cq2uSpSdKPMrOvpGA7SMVygQq0QOaZt2g1SEHVd11yyR7V5mBZ/wci6udcwEg6eGgOzOjOTFfJjI2SJknJarhqTmn4RyqJ/pb420dxZh2jOANHsAaIFIxDN+O1efFa7zvXooGI66HR3Lrszra+vvDNN/8cd8b1OR9wLj743RkcGPkX/yVcfKs7Le72nFL5XwgffiIsjXlyURjpm4t64hDmyAqkxqgRjc9ELI+y/MAzhx3tiaNMvLINIag55YYdDXggZtZyoSLUdfgd2XPn+s65Uhj1X0EFSIrVtpbA7HbTvdHbyrfORndeHiYqgIX5d4MvOgvd2FsY6C69F/CAYjfjT7hPsxYgfdE/r2EQO3oh8DZFfmrT2eKTt/W54MdLaJz8xp2J71uJPiQ5i83+IUm/+VHKXvwE=&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;1VbBbtswDP2aANthQ2LHWX1skrY7bECBDth2VC3W1ipLniwn8b5+lEXFdpK2AdZDdzHIJ5IiHynJk3hV7m4Mq4qvmoOcRFO+m8TrSRSlixl+HdB6IEkJyI3gHhoAd+IPEDgltBEc6pGh1VpaUY3BTCsFmR1hzBi9HZs9aDnetWI5HAF3GZPH6HfBbeHRi+hTj38GkRdh59ki9SslC8ZUSV0wrrcDKL6axCujtfVSuVuBdNwFXrzf9ROr+8QMKHuWA3lsmGyoOErMtqFa4Fg8qdrYQudaMXnVo0ujG8XBhZyi1tt80bpCcIbgL7C2pU6yxmqECltKWgXFL11fUL2XOnv8Vgjl4WshB0YUYIY8LY9LpVpq3ZiMco9pOpjJgayoFa6qgRvRcwO6BGtaNDAgmRWbccsZTU6+t+vJRYH4Pc11fILqhcSsllxsUMyduDLALKDZFgsrdFM7Odea165YyTKhcldjVkCJSwtWIsNLdV9XHSU+Xl0xNerh4nfjJmp5z7LHvOvWh0xLbSbxpUtQCSuY9AHIMuTzTqhMNtzvyuEBj5PjhHJ6H3bE2v2m3msAD2o7mqx+blx/t4WwcFexrndbvDjGM/JkvzdgLOye7SWt7i+QNkw/6dv+FM/C0SwGJ/hi+u/tT89p/60RWF00Xa8O2o7d7ha04WBcJop3bEgJthPqusKDV79R5uOLA+ajE8zPTjC/eAXmQ9wXqHcsD1hnjldbAHXjTdKazA9ojc8c6Plr0HrqQvs/3g5k3LQ/aM9O+emUj0lQ17vh4roN2k7YHyEkygMv1HonpwSfs96p9PidClP7eg8Vud5qf8fQDM3Tgxmap1jRKIjPlPyGfxMHoZLkxVC+wqNQ2EHWDswqZ1A/nXQSHeyUTJ/P7Hl7FHwG/eDvCT51FlDt/9G8ef+jG1/9BQ==&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;"><div>Create warehouse goods placing scheme <span style="background-color: initial;">(including defective goods)</span></div></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">Create warehouse goo...</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>Print DC goods placement order and pallet passports</div></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">Print DC goods pla...</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>Place goods at the DC</div></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">Place goods at the DC</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>
 ===== Notes =====
-Если название задачи или другого элемента на диаграмме не помещается в отведенный для него текстовый блок, поищите более лаконичную формулировку, используйте аббревиатуры и сокращения, но не поддавайтесь соблазну увеличить размер элемента - это приводит к визуальному разнобою и сильно ухудшает читаемость схемы.
+If task or other element's label doesn't fit to the text block provided by default, try to find a shorter wording, use abbreviations but don't be tempted to increase it's size - it produces visual clutter and worsen diagram readability.
 ===== See also =====