[IMP] website, *: set light background on every input
*: web_editor This commit applies the light color on inputs to keep consistency with the default theme redesign. That color is now customizable as it is linked to o-color-3. task-3097005 Part-of: odoo/odoo#120302 Co-authored-by: Brieuc-brd <brd@odoo.com>
This commit is contained in:
committed by
qsm-odoo
co-authored by
Brieuc-brd
parent
24a4cb1ce4
commit
8175268a53
@@ -813,6 +813,13 @@ blockquote {
|
||||
border-color: $-btn-primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Forms
|
||||
@if ($-bg-color == $light and $-bg-color != $body-bg) {
|
||||
--o-input-bg: #{$body-bg};
|
||||
--o-input-border-color: var(--o-border-color);
|
||||
--o-input-placeholder-color: #{rgba(color-contrast($body-bg), .5)};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -206,6 +206,16 @@ $input-border-radius: o-website-value('input-border-radius') !default;
|
||||
$input-border-radius-lg: o-website-value('input-border-radius-lg') !default;
|
||||
$input-border-radius-sm: o-website-value('input-border-radius-sm') !default;
|
||||
|
||||
$input-bg: var(--o-input-bg, #{$light}) !default;
|
||||
$input-border-color: var(--o-input-border-color, #{$light}) !default;
|
||||
$input-color: color-contrast($light) !default;
|
||||
$input-focus-bg: $body-bg !default;
|
||||
$input-focus-color: $body-color !default;
|
||||
$input-placeholder-color: var(--o-input-placeholder-color, #{rgba($input-color, .5)}) !default;
|
||||
|
||||
$form-check-input-border: ($input-border-width or 1px) solid $input-border-color !default;
|
||||
$form-range-track-bg: $light !default;
|
||||
|
||||
// Badge
|
||||
$badge-padding-y: 0.25em !default;
|
||||
$badge-padding-x: 0.4em !default;
|
||||
|
||||
Reference in New Issue
Block a user