summaryrefslogtreecommitdiffstats
path: root/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
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 /ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
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>
Diffstat (limited to 'ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js')
-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;