ソースを参照

FE: Fix Edit config: Selected text background color is transparent (#3601)

* Update Editor.tsx

reassigning the background

* Update EditorViewer.styled.ts

* Update EditorViewer.styled.ts

changed the code to meet the requirements of the owner

Closes #3576
olondar 2 年 前
コミット
de21721e00

+ 3 - 1
kafka-ui-react-app/src/components/common/Editor/Editor.tsx

@@ -50,8 +50,10 @@ export default styled(Editor)`
         theme.ksqlDb.query.editor.cell.backgroundColor};
       color: ${({ theme }) => theme.default.color.normal};
     }
-    .ace_line {
+    .ace_scroller {
       background-color: ${({ theme }) => theme.default.backgroundColor};
+    }
+    .ace_line {
       color: ${({ theme }) => theme.default.color.normal};
     }
     .ace_cursor {

+ 1 - 1
kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts

@@ -5,7 +5,7 @@ export const Wrapper = styled.div`
   padding: 8px 16px;
   .ace_active-line {
     background-color: ${({ theme }) =>
-      theme.viewer.wrapper.backgroundColor} !important;
+      theme.default.backgroundColor} !important;
   }
   .ace_line {
     color: ${({ theme }) => theme.viewer.wrapper.color} !important;