first push message
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
/* ==================================================
|
||||
Odoo 19: Change Save Icon to Text Button
|
||||
================================================== */
|
||||
|
||||
/* 1. Target the Save Button (Cloud Icon) in the Form View Status Bar */
|
||||
.o_form_view .o_form_button_save {
|
||||
/* Optional: Adjust padding to make it look like a text button */
|
||||
padding: 4px 8px !important;
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
/* 2. Hide the Cloud/Check Icon inside the button */
|
||||
/* This targets FontAwesome icons, SVGs, or OWL icons */
|
||||
/*.o_form_view .o_form_button_save > * {
|
||||
display: none !important;
|
||||
}*/
|
||||
|
||||
/* 3. Inject the text "Save" */
|
||||
.o_form_view .o_form_button_save::after {
|
||||
/* Color: Use 'inherit' to match the 'New' button color (grey/dark)
|
||||
OR use '#fff' if you want white text on a blue background */
|
||||
color: #333333;
|
||||
font-weight: 500;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Optional: Hover effect to match Odoo's interactive feel */
|
||||
.o_form_view .o_form_button_save:hover::after {
|
||||
color: #00A09D; /* Odoo Teal/Primary Color */
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/* 1. Form Container */
|
||||
.o_form_view .o_form_sheet {
|
||||
border-radius: 5px;
|
||||
padding: 20px;
|
||||
box-shadow: none; /* Removes default Odoo shadow for your flat look */
|
||||
}
|
||||
|
||||
/* 2. Labels */
|
||||
.o_form_view .o_td_label .o_form_label,
|
||||
.o_form_view .o_field_widget .o_form_label {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
margin-bottom: 6px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 3. Inputs & Selects */
|
||||
.o_form_view .o_field_widget .o_input {
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
margin: 0px 0;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
transition: border-color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.o_form_view .o_field_widget .o_input:focus {
|
||||
border-color: #4CAF50;
|
||||
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* 4. "Submit" Button (Odoo uses .o_form_button_save) */
|
||||
/*.o_form_view .o_form_statusbar .o_form_button_save {
|
||||
width: 100%;
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
padding: 14px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
}*/
|
||||
/* ==================================================
|
||||
Odoo 19: Freeze Form Tabs (Notebook)
|
||||
================================================== */
|
||||
|
||||
.o_form_view .o_notebook .nav-tabs {
|
||||
position: -webkit-sticky; /* Safari support */
|
||||
position: sticky;
|
||||
top: 0; /* Adjust if status bar is also sticky */
|
||||
z-index: 90;
|
||||
background-color: var(--o-view-background-color, #ffffff);
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
|
||||
padding: 10px 16px 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Prevent tab content from overlapping when sticky */
|
||||
.o_form_view .o_notebook .tab-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
/* Freeze Odoo 19 Form Tabs (Notebook) */
|
||||
.o_form_view .o_notebook .nav-tabs {
|
||||
position: sticky !important;
|
||||
top: 48px !important; /* Matches Odoo 19 status bar height */
|
||||
z-index: 100 !important;
|
||||
background: #ffffff !important;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
/* Critical: Allow sticky to work by removing overflow restrictions */
|
||||
.o_form_view .o_form_sheet_bg,
|
||||
.o_form_view .o_notebook,
|
||||
.o_form_view .o_form_view_container {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Optional: Smooth active tab indicator */
|
||||
.o_form_view .o_notebook .nav-tabs .nav-link.active {
|
||||
border-bottom: 2px solid #00A09D;
|
||||
color: #00A09D;
|
||||
font-weight: 600;
|
||||
}
|
||||
Reference in New Issue
Block a user