Procházet zdrojové kódy

[editor] Set the AceEditor styles in the shadow css of the exported web component

Johan Ahlen před 5 roky
rodič
revize
f8749bccf9

+ 18 - 0
desktop/core/src/desktop/js/apps/notebook2/components/aceEditor/QueryEditorWebComponent.ts

@@ -1,8 +1,26 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import axios from 'axios';
 import AceEditor from './AceEditor.vue';
 import { wrap } from 'vue/webComponentWrapper';
+import style from '!!css-loader!sass-loader!./AceEditor.scss';
 
 wrap('query-editor', AceEditor, {
+  shadowCss: style,
   connectedCallback() {
     const element = <HTMLElement>this;
     const hueBaseUrl = element.getAttribute('hue-base-url');