fix: Improve UI (padding, corners, edit hint) (#57)

Author: jdehaan

css/bpmniojs.less

@@ -4,16 +4,21 @@ div.plugin-bpmnio {
 
 div.plugin-bpmnio .bpmn_js_canvas {
     overflow: auto;
+    padding: 1em;
+    border-radius: 0.5em;
+    background-color: #eee;
 }
 
 div.plugin-bpmnio .dmn_js_canvas {
     overflow: auto;
+    padding: 1em;
+    border-radius: 0.5em;
+    background-color: #eee;
 }
 
 .plugin-bpmnio svg {
     height: 100%;
     width: 100%;
-    background-color: #eee;
 }
 
 .plugin-bpmnio .dmn-drd-container {

lang/de/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'BPMNIO Diagram';
 $lang['bpmn_add']        = 'BPMN Diagram hinzufügen';
 $lang['dmn_add']         = 'DMN Diagram hinzufügen';
-$lang['edit_diagram']    = 'Diagram editieren';
+$lang['edit_diagram']    = 'Diagram mit dem grafischen Editor bearbeiten';

lang/en/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'BPMNIO Diagrams';
 $lang['bpmn_add']        = 'Add a BPMN diagram';
 $lang['dmn_add']         = 'Add a DMN diagram';
-$lang['edit_diagram']    = 'Edit diagram';
+$lang['edit_diagram']    = 'Modify diagram with the graphical editor';

lang/es/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'Diagramas BPMNIO';
 $lang['bpmn_add']        = 'Agregar un diagrama BPMN';
 $lang['dmn_add']         = 'Agregar un diagrama DMN';
-$lang['edit_diagram']    = 'Editar diagrama';
+$lang['edit_diagram']    = 'Modificar el diagrama con el editor gráfico';

lang/fr/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'Diagramme BPMNIO';
 $lang['bpmn_add']        = 'Ajouter un diagramme BPMN';
 $lang['dmn_add']         = 'Ajouter un diagramme DMN';
-$lang['edit_diagram']    = 'Éditer le diagramme';
+$lang['edit_diagram']    = 'Modifier le diagramme avec l\'éditeur graphique';

lang/it/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'Diagrammi BPMNIO';
 $lang['bpmn_add']        = 'Aggiungi un diagramma BPMN';
 $lang['dmn_add']         = 'Aggiungi un diagramma DMN';
-$lang['edit_diagram']    = 'Modifica diagramma';
+$lang['edit_diagram']    = 'Modifica il diagramma con l\'editor grafico';

lang/jp/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'BPMNIO 図';
 $lang['bpmn_add']        = 'BPMN図を追加';
 $lang['dmn_add']         = 'DMN図を追加';
-$lang['edit_diagram']    = '図を編集';
+$lang['edit_diagram']    = 'グラフィカルエディタで図を編集';

lang/nl/lang.php

@@ -2,4 +2,4 @@
 $lang['picker']          = 'BPMNIO Diagrammen';
 $lang['bpmn_add']        = 'Voeg een BPMN-diagram toe';
 $lang['dmn_add']         = 'Voeg een DMN-diagram toe';
-$lang['edit_diagram']    = 'Bewerk diagram';
+$lang['edit_diagram']    = 'Bewerk diagram met de grafische editor';

plugin.info.txt

@@ -1,7 +1,7 @@
 base    bpmnio
 author  Jaap de Haan
 email   ColorOfCode@googlemail.com
-date    2025-03-20
+date    2025-03-21
 name    bpmnio
 desc    Renders BPMN or DMN xml using the bpmn.io js library
 url     http://www.dokuwiki.org/plugin:bpmnio