opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-09-24 16:04:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(core-blocks): CB-808 update input border

Browse Source
This commit is contained in:
Naumov Alexey
2021-03-24 14:04:20 +03:00
parent 12880d3c46
commit c35f0a45b0
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/core-blocks/src/FormControls/ComboboxNew.tsx
+2 -2
View File
@@ -45,7 +45,7 @@ const styles = composes(
font-weight: 500;
}
input {
padding-right: 20px;
padding-right: 12px !important;
}
MenuButton {
position: absolute;
@@ -73,7 +73,7 @@ const styles = composes(
& MenuItem {
background: transparent;
display: block;
padding: 4px 36px;
padding: 4px 12px;
text-align: left;
outline: none;
color: inherit;
webapp/packages/core-theming/src/styles/_form-controls.scss
+4 -4
View File
@@ -58,14 +58,14 @@
input[role="new"],
textarea[role="new"] {
box-sizing: border-box;
padding: 7px 11px;
padding: 7px 12px;
font-size: 12px;
width: 100%;
border: 2px solid;
outline: none;
border-radius: 3px;
@include mdc-theme-prop(color, on-secondary, false);
@include mdc-theme-prop(color, text-primary-on-light, false);
@include mdc-theme-prop(border-color, background, false);
@include mdc-theme-prop(background-color, input-background, false);
@@ -81,12 +81,12 @@
&:global([readonly]) {
@include mdc-theme-prop(border-color, input-border-readonly, false);
@include mdc-theme-prop(background-color, input-background-readonly, false);
opacity: 0.8;
@include mdc-theme-prop(color, text-secondary-on-light, false);
}
&:global([disabled]) {
@include mdc-theme-prop(border-color, input-border-disabled, false);
@include mdc-theme-prop(background-color, input-background-disabled, false);
opacity: 0.7;
@include mdc-theme-prop(color, text-hint-on-light, false);
}
&:global([data-embedded]) {
&:global([disabled]),
webapp/packages/core-theming/src/styles/_theme-light.scss
+6 -6
View File
@@ -21,12 +21,12 @@ $color-negative: #e73e52;
$link-color: $mdc-theme-primary;
$link-color-focus: #3f96d1;
$input-border: #dedede;
$input-border-disabled: transparent;
$input-border-readonly: transparent;
$input-border: #d9d9d9;
$input-border-disabled: $input-border;
$input-border-readonly: $input-border;
$input-background: $mdc-theme-surface;
$input-background-disabled: $mdc-theme-secondary;
$input-background-readonly: $mdc-theme-secondary;
$input-background-disabled: #e9e9e9;
$input-background-readonly: #e9e9e9;
$mdc-theme-text-colors: (
light: (
@@ -40,7 +40,7 @@ $mdc-theme-text-colors: (
primary: rgba(black, 0.87),
secondary: rgba(black, 0.45),
hint: rgba(black, 0.45),
disabled: rgba(black, 0.20),
disabled: rgba(black, 0.2),
icon: rgba(black, 0.38),
),
);