Cosmetische aanpassing in Ribbon van de situatieschets zodat de elementen om de pagina te selecteren geen word-wrap meer doen.

Author: igoethal

builddate.js

@@ -1 +1 @@
-var CONF_builddate="20250119-143835"
+var CONF_builddate="20250119-144827"

eendraadschema.js

@@ -3183,11 +3183,11 @@ var SituationPlanView = /** @class */ (function () {
         // -- Visuals om naar achteren of voren te sturen --
         outputleft += "\n            <span style=\"display: inline-block; width: 10px;\"></span>\n            <div class=\"icon\" id=\"sendBack\">\n                <span class=\"icon-image\" style=\"font-size:24px\">\u2B07\u2B07</span>\n                <span class=\"icon-text\">Naar achter</span>\n            </div>\n            <div class=\"icon\" id=\"bringFront\">\n                <span class=\"icon-image\" style=\"font-size:24px\">\u2B06\u2B06</span>\n                <span class=\"icon-text\">Naar voor</span>\n            </div>";
         // -- Visuals om pagina te selecteren --
-        outputleft += "\n            <span style=\"display: inline-block; width: 50px;\"></span>\n            <div>\n                <center>\n                    Pagina \n                        <select id=\"id_sitplanpage\">";
+        outputleft += "\n            <span style=\"display: inline-block; width: 50px;\"></span>\n            <div>\n                <center>\n                    <span style=\"display: inline-block; white-space: nowrap;\">Pagina\n                        <select id=\"id_sitplanpage\">";
         for (var i = 1; i <= this.sitplan.numPages; i++) {
             outputleft += '<option value="' + i + '"' + (i == this.sitplan.activePage ? ' selected' : '') + '>' + i + '</option>';
         }
-        outputleft += "\n                        </select><br>\n                        <button id=\"btn_sitplan_addpage\" ".concat((this.sitplan.activePage != this.sitplan.numPages ? ' disabled' : ''), ">Nieuw</button>\n                        <button id=\"btn_sitplan_delpage\" style=\"background-color:red;\" ").concat((this.sitplan.numPages <= 1 ? ' disabled' : ''), ">&#9851;</button>\n                </center>\n            </div>");
+        outputleft += "\n                        </select>\n                    </span><br><span style=\"display: inline-block; white-space: nowrap;\">\n                        <button id=\"btn_sitplan_addpage\" ".concat((this.sitplan.activePage != this.sitplan.numPages ? ' disabled' : ''), ">Nieuw</button>\n                        <button id=\"btn_sitplan_delpage\" style=\"background-color:red;\" ").concat((this.sitplan.numPages <= 1 ? ' disabled' : ''), ">&#9851;</button>\n                    </span>\n                </center>\n            </div>");
         // -- Visuals om pagina te zoomen --
         outputright += "\n            <span style=\"display: inline-block; width: 10px;\"></span>\n            <div class=\"icon\" id=\"button_zoomin\">\n                <span class=\"icon-image\" style=\"font-size: 24px;\">\uD83D\uDD0D</span>\n                <span class=\"icon-text\">In</span>\n            </div>\n            <div class=\"icon\" id=\"button_zoomout\">\n                <span class=\"icon-image\" style=\"font-size: 24px;\">\uD83C\uDF0D</span>\n                <span class=\"icon-text\">Uit</span>\n            </div>\n            <div class=\"icon\" id=\"button_zoomToFit\">\n                <span class=\"icon-image\" style=\"font-size: 24px;\">\uD83D\uDDA5\uFE0F</span>\n                <!--<img src=\"gif/scaleup.png\" alt=\"Schermvullend\" class=\"icon-image\">-->\n                <span class=\"icon-text\">Schermvullend</span>\n            </div>\n            <span style=\"display: inline-block; width: 10px;\"></span>";
         // -- Put everything in the ribbon --

src/sitplan/SituationPlanView.ts

@@ -756,17 +756,18 @@ class SituationPlanView {
             <span style="display: inline-block; width: 50px;"></span>
             <div>
                 <center>
-                    Pagina 
+                    <span style="display: inline-block; white-space: nowrap;">Pagina
                         <select id="id_sitplanpage">`;
-        
                             for (let i=1; i<= this.sitplan.numPages; i++) {
                                 outputleft += '<option value="' + i + '"' + (i == this.sitplan.activePage ? ' selected' : '') + '>' + i + '</option>';
                             }
 
         outputleft +=  `
-                        </select><br>
+                        </select>
+                    </span><br><span style="display: inline-block; white-space: nowrap;">
                         <button id="btn_sitplan_addpage" ${(this.sitplan.activePage != this.sitplan.numPages ? ' disabled' : '')}>Nieuw</button>
                         <button id="btn_sitplan_delpage" style="background-color:red;" ${(this.sitplan.numPages <= 1 ? ' disabled' : '')}>&#9851;</button>
+                    </span>
                 </center>
             </div>`;