Differences

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

--- en:rule:dont_play_with_elements_size [2024-08-20 16:44] – Embedded diagram updated 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;7Vjfb5swEP5rIm0PmwIEWh6bpO0eNqlSJ217dLELXg1mxiRhf/3O+Ai/kjZT6dRJfal8n+/Od999BtKZt0p314rkyRdJmZi5c7qbeeuZ64aBA38NUFnADxGIFacW6gC3/DdDcI5oySkreo5aSqF53gcjmWUs0j2MKCW3fbd7Kfqn5iRmI+A2ImKMfuNUJxY9d89a/BPjcdKc7ASh3UlJ44ydFAmhctuBvMuZt1JSartKdysmDHcNLzbu6sjuvjDFMn1SAEZsiCixOSxMV023jELzaEqlExnLjIjLFl0qWWaUmZRzsFqfz1LmADoA/mRaVzhJUmoJUKJTgbssoxdmLmDeCRk9fE14ZuErLjpOmMABnpbjVrGXQpYqwto9VAdRMUMvHIXpqhOG9FwzmTKtKnBQTBDNN/2RE1ROvPdryYUF8nuYa+8A1YGAqpaUb2AZm+VKMaIZuG2hsUSWhVnHUtLCNCtIxLPY9BglLIWtgKTA8DK7K/KaEpuvyEnWm2HwqzSKWt6R6CGup/UhkkKqmXdhCsy45kTYBOjZ1POOZ5EoqT2Vsnu4ToYTrOl9cyL0bg+1UR2409tIWa1uzHy3CdfsNif17Lbw4Ohr5Oi8N0xptnt0lri7f4BUjfrR3ra32GmuZtK5wefz548/PGX8N4pDd+58vRqMHaZdb0hFmTKVZLRmQwim60VR5HDxilfKvHc+YN49wLxzgPlgAuabvE9Qb1jusE4MrzphOI1XSau/GNDqnSjoxRS0Hnqg/R/vDmBcVd/xzNr4YYyPfmOud93NddVYO66/Nylh3YkCqw0yRhNz0nsqHL+nGtVO96LC0BtpnzGooUU40NAihI56SWylGNf9mhik8v0nU9kOR6lggqTquOXGoThetO8OTvLnj1f2uD8sbAWt8PcEn3YXFm93Yaq78K+EHwSTCf9s+GHxYsIPhrd1aiEHb0J+jpBfWrTOdKIdfQ2/mGido6+YY7U9GfG3Qgez/VVt3dt/TXiXfwA=&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;"><div>Create warehouse goods placing scheme <span style="background-color: initial;">(including defective goods)</span></div></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">Create warehouse goo...</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>Print DC goods placement order and pallet passports</div></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">Print DC goods pla...</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>Place goods at the DC</div></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">Place goods at the DC</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 =====