Update CSS styles to support new date labels layout
This commit is contained in:
parent
b5e5a9ac0b
commit
ffe2251802
|
|
@ -63,4 +63,62 @@
|
|||
top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
// New styles for date labels and sections
|
||||
.o_date_section {
|
||||
margin-bottom: 5px;
|
||||
|
||||
.o_date_label {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: #6c757d;
|
||||
margin-bottom: 2px;
|
||||
|
||||
&.o_gregorian_label {
|
||||
color: #007bff;
|
||||
}
|
||||
|
||||
&.o_hijri_label {
|
||||
color: #28a745;
|
||||
}
|
||||
}
|
||||
|
||||
.o_date_input_container {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Form view specific styles
|
||||
.o_form_view {
|
||||
.o_datepicker {
|
||||
.o_date_section {
|
||||
.o_date_label {
|
||||
font-size: 12px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Read-only mode improvements
|
||||
.o_field_date.o_readonly_modifier {
|
||||
.o_date_section {
|
||||
margin-bottom: 8px;
|
||||
|
||||
.o_date_label {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: #6c757d;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.o_date_value {
|
||||
padding: 2px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue