From 603d0409d72f45a0f4c1463ffd7b006962ca698e Mon Sep 17 00:00:00 2001
From: Naumov Alexey <Iamemptyhuh@gmail.com>
Date: Thu, 8 Apr 2021 12:21:44 +0300
Subject: [PATCH] fix(core-theming): CB-857, CB-72, CB-855 ddl editor font
 size, autofill input custom styles

---
 webapp/packages/core-app/public/icons/icons.svg             | 4 ++--
 webapp/packages/core-theming/src/styles/_form-controls.scss | 6 ++++++
 .../packages/plugin-ddl-viewer/src/DdlViewer/DdlViewer.tsx  | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/webapp/packages/core-app/public/icons/icons.svg b/webapp/packages/core-app/public/icons/icons.svg
index effe4b9279..24d2606bbf 100644
--- a/webapp/packages/core-app/public/icons/icons.svg
+++ b/webapp/packages/core-app/public/icons/icons.svg
@@ -137,11 +137,11 @@
   </symbol>
 
   <symbol id="table-save" viewBox="0 0 16 16">
-    <path fill="#A0CD9A" fill-rule="evenodd" clip-rule="evenodd" d="M5.0606 5.8396C5.12754 4.4408 6.37628 3.25 8 3.25C9.62372 3.25 10.8725 4.4408 10.9394 5.8396C10.9565 6.19621 11.2225 6.49137 11.5755 6.54518C12.5755 6.69767 13.25 7.47205 13.25 8.30769C13.25 9.23534 12.4087 10.0962 11.2308 10.0962H10V11.5962H11.2308C13.1116 11.5962 14.75 10.184 14.75 8.30769C14.75 6.82652 13.7228 5.62973 12.3694 5.19576C11.9861 3.20473 10.1415 1.75 8 1.75C5.85848 1.75 4.01389 3.20473 3.63058 5.19575C2.27723 5.62973 1.25 6.82652 1.25 8.30769C1.25 10.184 2.88838 11.5962 4.76923 11.5962H6V10.0962H4.76923C3.59128 10.0962 2.75 9.23534 2.75 8.30769C2.75 7.47205 3.42451 6.69767 4.42452 6.54518C4.77746 6.49136 5.04354 6.19621 5.0606 5.8396ZM10.5303 8.59099C10.2374 8.88388 9.76256 8.88388 9.46967 8.59099L8.75 7.87132V14.0607H7.25V7.87132L6.53033 8.59099C6.23744 8.88388 5.76256 8.88388 5.46967 8.59099C5.17678 8.2981 5.17678 7.82322 5.46967 7.53033L8 5L10.5303 7.53033C10.8232 7.82322 10.8232 8.2981 10.5303 8.59099Z"/>
+    <path fill="#4FA843" fill-rule="evenodd" clip-rule="evenodd" d="M5.0606 5.8396C5.12754 4.4408 6.37628 3.25 8 3.25C9.62372 3.25 10.8725 4.4408 10.9394 5.8396C10.9565 6.19621 11.2225 6.49137 11.5755 6.54518C12.5755 6.69767 13.25 7.47205 13.25 8.30769C13.25 9.23534 12.4087 10.0962 11.2308 10.0962H10V11.5962H11.2308C13.1116 11.5962 14.75 10.184 14.75 8.30769C14.75 6.82652 13.7228 5.62973 12.3694 5.19576C11.9861 3.20473 10.1415 1.75 8 1.75C5.85848 1.75 4.01389 3.20473 3.63058 5.19575C2.27723 5.62973 1.25 6.82652 1.25 8.30769C1.25 10.184 2.88838 11.5962 4.76923 11.5962H6V10.0962H4.76923C3.59128 10.0962 2.75 9.23534 2.75 8.30769C2.75 7.47205 3.42451 6.69767 4.42452 6.54518C4.77746 6.49136 5.04354 6.19621 5.0606 5.8396ZM10.5303 8.59099C10.2374 8.88388 9.76256 8.88388 9.46967 8.59099L8.75 7.87132V14.0607H7.25V7.87132L6.53033 8.59099C6.23744 8.88388 5.76256 8.88388 5.46967 8.59099C5.17678 8.2981 5.17678 7.82322 5.46967 7.53033L8 5L10.5303 7.53033C10.8232 7.82322 10.8232 8.2981 10.5303 8.59099Z"/>
   </symbol>
 
   <symbol id="table-cancel" viewBox="0 0 16 16">
-    <path fill="#E49388" fill-rule="evenodd" clip-rule="evenodd" d="M4.3988 3.13864C4.05709 2.79693 3.50307 2.79693 3.16136 3.13864C2.81965 3.48035 2.81965 4.03437 3.16136 4.37608L6.78528 8L3.16136 11.6239C2.81965 11.9656 2.81965 12.5197 3.16136 12.8614C3.50307 13.2031 4.05709 13.2031 4.3988 12.8614L8.02272 9.23744L11.6466 12.8614C11.9883 13.2031 12.5424 13.2031 12.8841 12.8614C13.2258 12.5197 13.2258 11.9656 12.8841 11.6239L9.26015 8L12.8841 4.37608C13.2258 4.03437 13.2258 3.48035 12.8841 3.13864C12.5424 2.79693 11.9883 2.79693 11.6466 3.13864L8.02272 6.76256L4.3988 3.13864Z"/>
+    <path fill="#D7351F" fill-rule="evenodd" clip-rule="evenodd" d="M4.3988 3.13864C4.05709 2.79693 3.50307 2.79693 3.16136 3.13864C2.81965 3.48035 2.81965 4.03437 3.16136 4.37608L6.78528 8L3.16136 11.6239C2.81965 11.9656 2.81965 12.5197 3.16136 12.8614C3.50307 13.2031 4.05709 13.2031 4.3988 12.8614L8.02272 9.23744L11.6466 12.8614C11.9883 13.2031 12.5424 13.2031 12.8841 12.8614C13.2258 12.5197 13.2258 11.9656 12.8841 11.6239L9.26015 8L12.8841 4.37608C13.2258 4.03437 13.2258 3.48035 12.8841 3.13864C12.5424 2.79693 11.9883 2.79693 11.6466 3.13864L8.02272 6.76256L4.3988 3.13864Z"/>
   </symbol>
 
   <symbol id="table-export" viewBox="0 0 16 16">
diff --git a/webapp/packages/core-theming/src/styles/_form-controls.scss b/webapp/packages/core-theming/src/styles/_form-controls.scss
index c4e75f0438..d6d5119e0d 100644
--- a/webapp/packages/core-theming/src/styles/_form-controls.scss
+++ b/webapp/packages/core-theming/src/styles/_form-controls.scss
@@ -72,6 +72,12 @@
     &:focus {
       @include mdc-theme-prop(border-color, primary, false);
     }
+    // we use box-shadow to overlap internal background-color style, we can't override it due to chrome bug
+    &:-internal-autofill-selected,
+    &:-internal-autofill-previewed {
+      -webkit-text-fill-color: $mdc-theme-on-secondary;
+      box-shadow: 0 0 0 50px $input-background inset;
+    }
 
     &:global([type="checkbox"]) {
       height: 16px;
diff --git a/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DdlViewer.tsx b/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DdlViewer.tsx
index b4c11ca891..c4c20e3aeb 100644
--- a/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DdlViewer.tsx
+++ b/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DdlViewer.tsx
@@ -19,6 +19,7 @@ const styles = css`
   wrapper {
     flex: 1;
     overflow: auto;
+    composes: theme-typography--body1 from global;
   }
   CodeEditor {
     height: 100%;