increase width of edit mode editors to 90%

* apply bigger width also for editing feature and editing connection * capitalize "Send Message"
eclipse-ditto · Oct 15, 2023 · 7846f78 · 7846f78
1 parent dd6f97a
commit 7846f78
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/ui/main.scss b/ui/main.scss
@@ -177,7 +177,7 @@ hr {
 .editForgroundBig {
     position: absolute;
     right: 24px;
-    width: 60%;
+    width: 90%;
     height: 80%;
 }
 

diff --git a/ui/modules/connections/connections.html b/ui/modules/connections/connections.html
@@ -43,7 +43,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#connectionsEdit">
         </div>
         <div class="col-md-8 resizable_flex_column">
             <h6>CRUD Connection</h6>
-            <crud-toolbar label="Connection Id" id="crudConnection" style="flex-grow: 1;">
+            <crud-toolbar label="Connection Id" id="crudConnection" style="flex-grow: 1;" extraeditclass="editForgroundBig">
                 <div class="input-group input-group-sm mb-1">
                     <label class="input-group-text">Template</label>
                     <div class="btn-group dropend">

diff --git a/ui/modules/things/featureMessages.ts b/ui/modules/things/featureMessages.ts
@@ -45,7 +45,7 @@ export async function ready() {
   Utils.addTab(
       document.getElementById('tabItemsFeatures'),
       document.getElementById('tabContentFeatures'),
-      'send Message',
+      'Send Message',
       featureMessagesHTML,
   );
 

diff --git a/ui/modules/things/features.html b/ui/modules/things/features.html
@@ -34,7 +34,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#collapseFeatures">
             </ul>
             <div class="tab-content" style="flex-grow: 1;" id="tabContentFeatures">
                 <div class="tab-pane container active no-margin" id="tabCrudFeature">
-                    <crud-toolbar id="crudFeature" label="Feature ID">
+                    <crud-toolbar id="crudFeature" label="Feature ID" extraeditclass="editForgroundBig">
                         <div class="input-group input-group-sm mb-1">
                             <label class="input-group-text">Definition</label>
                             <input type="text" class="form-control" id="inputFeatureDefinition" disabled></input>

diff --git a/ui/modules/things/thingMessages.ts b/ui/modules/things/thingMessages.ts
@@ -40,7 +40,7 @@ export async function ready() {
   Utils.addTab(
       document.getElementById('tabItemsThing'),
       document.getElementById('tabContentThing'),
-      'send Message',
+      'Send Message',
       messagesHTML,
   );