Update CSS styles to support new date labels layout

This commit is contained in:
Mohamed Eltayar 2025-08-28 15:13:40 +03:00
parent b5e5a9ac0b
commit ffe2251802
1 changed files with 58 additions and 0 deletions

View File

@ -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;
}
}
}