mirror of https://github.com/OCA/web.git
88 lines
2.6 KiB
SCSS
88 lines
2.6 KiB
SCSS
/***********************************************************
|
|
Variables
|
|
************************************************************/
|
|
|
|
$input-border-color: #cccccc;
|
|
$input-border-color-focus: #71639e;
|
|
$input-background-color-required: #d2d2ff;
|
|
$input-color-placeholder-required: #6c757d;
|
|
|
|
$button-border-color: #dee2e6;
|
|
|
|
/***********************************************************
|
|
Form View : Handle Fields Borders
|
|
************************************************************/
|
|
|
|
.o_form_view {
|
|
.o_input,
|
|
.o_field_html > .note-editable {
|
|
/* Add border for all editable fields */
|
|
border: 1px solid $input-border-color !important;
|
|
border-radius: 3px;
|
|
|
|
/* add darker border on focus */
|
|
&:focus {
|
|
border-color: $input-border-color-focus !important;
|
|
}
|
|
}
|
|
|
|
.o_field_many2many_selection {
|
|
.o_input {
|
|
/* Prevent to have double border for many2many tags input fields */
|
|
border: 0px solid !important;
|
|
}
|
|
}
|
|
}
|
|
/***********************************************************
|
|
Form View : Handle Button Borders
|
|
************************************************************/
|
|
|
|
.o_form_view {
|
|
.btn-light {
|
|
border-color: $button-border-color;
|
|
}
|
|
|
|
.btn-light {
|
|
&:hover {
|
|
border-color: $button-border-color;
|
|
}
|
|
}
|
|
|
|
.o_input {
|
|
padding-left: 4px;
|
|
padding-right: 2px;
|
|
}
|
|
}
|
|
/***********************************************************
|
|
Form View : Handle Background for required fields
|
|
************************************************************/
|
|
|
|
.o_form_view {
|
|
.o_required_modifier:not(.o_readonly_modifier) {
|
|
.o_input {
|
|
/* Add background for all editable and required fields */
|
|
background-color: $input-background-color-required !important;
|
|
|
|
/* darker placeholder as the background is darker */
|
|
&::placeholder {
|
|
color: $input-color-placeholder-required;
|
|
}
|
|
}
|
|
}
|
|
|
|
.o_required_modifier.o_field_selection:not(.o_readonly_modifier) {
|
|
/* Specific case for field selection */
|
|
background-color: $input-background-color-required !important;
|
|
}
|
|
}
|
|
|
|
/***********************************************************
|
|
Tree View : Handle style for required fields
|
|
************************************************************/
|
|
.o_list_renderer
|
|
.o_data_row.o_selected_row
|
|
> .o_data_cell.o_required_modifier:not(.o_readonly_modifier) {
|
|
/* Disable border bottom as the field has now a background */
|
|
border-bottom: 0px solid;
|
|
}
|