Replaced absolute css units in explorer UI

Signed-off-by: thfries <thomas.fries0@gmail.com>
eclipse-ditto · Oct 7, 2022 · 8720661 · 8720661
1 parent 8f1a97d
commit 8720661
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/ui/index.css b/ui/index.css
@@ -28,7 +28,7 @@ td {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-    max-width: 300px;
+    max-width: 15em;
 }
 
 thead {

diff --git a/ui/modules/connections/connections.html b/ui/modules/connections/connections.html
@@ -15,7 +15,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#connectionsEdit">
 </h5>
 <hr />
 <div class="collapse show" id="connectionsEdit">
-    <div class="row resizable_pane" style="height: 600px;">
+    <div class="row resizable_pane" style="height: 80vh;">
         <div class="col-md-4 resizable_flex_column">
             <div class="input-group input-group-sm mt-1 mb-1" role="group">
                 <div style="flex-grow: 1;"></div>
@@ -92,7 +92,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#tabConnectionHelper">
 </h5>
 <hr />
 <div class="collapse show" id="tabConnectionHelper">
-    <div class="row resizable_pane" style="height: 600px;">
+    <div class="row resizable_pane" style="height: 80vh;">
         <div class="col-md-4 resizable_flex_column">
             <ul class="nav nav-tabs">
                 <li class="nav-item">

diff --git a/ui/modules/environments/environments.html b/ui/modules/environments/environments.html
@@ -12,7 +12,7 @@
   -->
 <h5>Environments</h5>
 <hr />
-<div class="row resizable_pane" style="height:600px">
+<div class="row resizable_pane" style="height: 80vh">
     <div class="col-md-4 resizable_flex_column">
         <div class="table-wrap">
             <table class="table table-striped table-hover table-sm">

diff --git a/ui/modules/policies/policies.html b/ui/modules/policies/policies.html
@@ -1,7 +1,7 @@
 <div>
     <h5>Overview</h5>
     <hr />
-    <div class="row resizable_pane" style="height: 200px;">
+    <div class="row resizable_pane" style="height: 30vh;">
         <div class="col-md-6 resizable_flex_column">
             <h6>Load a policy</h6>
             <div class="input-group input-group-sm mb-1 mt-1 has-validation" role="group">
@@ -25,7 +25,7 @@ <h6>Who am I</h6>
     </div>
     <h5>Policy Entries</h5>
     <hr />
-    <div class="row resizable_pane" style="height: 400px;">
+    <div class="row resizable_pane" style="height: 50vh;">
         <div class="col-md-4 resizable_flex_column">
             <div class="input-group input-group-sm mb-1 mt-1 has-validation">
                 <label class="input-group-text">Entry</label>

diff --git a/ui/modules/things/features.html b/ui/modules/things/features.html
@@ -14,7 +14,7 @@ <h5 data-bs-toggle="collapse" data-bs-target="#collapseFeatures">
     Features <span class="badge badge-info" id="featureCount"></span></h5>
 <hr />
 <div class="collapse show" id="collapseFeatures">
-    <div class="row resizable_pane" style="height:500px;">
+    <div class="row resizable_pane" style="height: 45vh;">
         <div class="col-md-4 resizable_flex_column">
             <div class="input-group has-validation">
                 <input class="form-control" id="tableValidationFeature" hidden="true"></input>

diff --git a/ui/modules/things/things.html b/ui/modules/things/things.html
@@ -14,7 +14,7 @@
     <h5>Things</h5>
     <hr />
     <div>
-        <div class="row resizable_pane" style="height:300px;">
+        <div class="row resizable_pane" style="height: 30vh;">
             <div class="col-md-6 resizable_flex_column">
                 <div class="input-group input-group-sm mb-1 mt-1">
                     <div class="btn-group dropend">