Merge pull request #343 from dbeaver/fix/small-ui-changes

fix(core-theming): CB-857, CB-72, CB-855 ddl editor font size, autofi…
This commit is contained in:
Alexey
2021-04-08 15:22:26 +03:00
committed by GitHub
3 changed files with 9 additions and 2 deletions
@@ -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">

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

@@ -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;
@@ -19,6 +19,7 @@ const styles = css`
wrapper {
flex: 1;
overflow: auto;
composes: theme-typography--body1 from global;
}
CodeEditor {
height: 100%;