diff options
author | 2019-09-25 11:23:18 +0200 | |
---|---|---|
committer | 2019-09-25 11:23:18 +0200 | |
commit | 83fe2b0afab57482c548ccb360fc1266891fa051 (patch) | |
tree | 41068fd1584345ae299c5399035dee3066aa9341 /ui-react/src/components/dialogs/OperationalPolicy | |
parent | 841ddaaa26c0faf16353d8e22093daa2553aad57 (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')
-rw-r--r-- | ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js | 18 |
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; |