aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorxuegao <xg353y@intl.att.com>2019-09-25 11:23:18 +0200
committerxuegao <xg353y@intl.att.com>2019-09-25 11:23:18 +0200
commit83fe2b0afab57482c548ccb360fc1266891fa051 (patch)
tree41068fd1584345ae299c5399035dee3066aa9341
parent841ddaaa26c0faf16353d8e22093daa2553aad57 (diff)
Fix the ooperational policy ui issue
Update the css of the Jsoneditor tab component so that the operational policy UI will not have names overlapped. Issue-ID: CLAMP-511 Change-Id: I05806a398cd7f642290d7dbef1e58533a8bdac1c Signed-off-by: xuegao <xg353y@intl.att.com>
-rw-r--r--ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js18
1 files changed, 16 insertions, 2 deletions
diff --git a/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js b/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
index 1ebe5f0e8..4dc1f90a0 100644
--- a/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
+++ b/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
@@ -77,8 +77,22 @@ export default class OperationalPolicyModal extends React.Component {
}
setDefaultJsonEditorOptions() {
- JSONEditor.defaults.options.theme = 'bootstrap4';
-
+ JSONEditor.defaults.themes.myBootstrap4 = JSONEditor.defaults.themes.bootstrap4.extend({
+ getTab: function(text,tabId) {
+ var liel = document.createElement('li');
+ liel.classList.add('nav-item');
+ var ael = document.createElement("a");
+ ael.classList.add("nav-link");
+ ael.setAttribute("style",'padding:10px;max-width:160px;');
+ ael.setAttribute("href", "#" + tabId);
+ ael.setAttribute('data-toggle', 'tab');
+ text.setAttribute("style",'word-wrap:break-word;');
+ ael.appendChild(text);
+ liel.appendChild(ael);
+ return liel;
+ }
+ });
+ JSONEditor.defaults.options.theme = 'myBootstrap4';
JSONEditor.defaults.options.object_layout = 'grid';
JSONEditor.defaults.options.disable_properties = true;
JSONEditor.defaults.options.disable_edit_json = false;