Merge pull request #5357 from expsa/fix/ui-final-improvements-20251111-2230

🎯 Final UI Improvements - Perfect Spacing, Translations & UX
This commit is contained in:
Mohamed Eltayar 2025-11-11 22:54:32 +03:00 committed by GitHub
commit d643a35c50
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 42 additions and 9 deletions

View File

@ -32,9 +32,9 @@
/* Record Type Simple & Clean Design */
.o_record_type_simple {
background: #f8f9fa;
padding: 10px;
padding: 8px 15px;
border-radius: 8px;
margin: 10px 0;
margin: 0;
text-align: center;
}
@ -86,8 +86,8 @@
/* Donation Mechanism Simple Design */
.o_donation_mechanism_simple {
margin: 10px 0;
padding: 10px;
margin: 8px 0;
padding: 8px 15px;
background: #fff8e1;
border-radius: 6px;
border-left: 4px solid #ffc107;
@ -124,6 +124,26 @@
background: #fff3e0;
color: #e65100;
}
/* Help Messages Styling */
.alert {
margin: 8px 0;
padding: 8px 15px;
border-radius: 6px;
font-size: 14px;
}
.alert-info {
background-color: #e8f4fd;
border: 1px solid #bee5eb;
color: #0c5460;
}
.alert-primary {
background-color: #cce7ff;
border: 1px solid #b3d7ff;
color: #004085;
}
</style>
<script type="text/javascript">

View File

@ -92,11 +92,11 @@
<div class="record_type_options">
<div class="record_option donation_option" data-value="donation">
<i class="fa fa-heart"></i>
<span t-esc="'Donation'"/>
<span>Donation</span>
</div>
<div class="record_option sponsorship_option" data-value="sponsorship">
<i class="fa fa-users"></i>
<span t-esc="'Sponsorship'"/>
<span>Sponsorship</span>
</div>
</div>
@ -114,11 +114,11 @@
<div class="mechanism_options">
<div class="mechanism_option without_conditions" data-value="without_conditions">
<i class="fa fa-gift"></i>
<span t-esc="'Unconditional'"/>
<span>Unconditional</span>
</div>
<div class="mechanism_option with_conditions" data-value="with_conditions">
<i class="fa fa-list-check"></i>
<span t-esc="'Conditional'"/>
<span>Conditional</span>
</div>
</div>
@ -127,6 +127,17 @@
attrs="{'required': [('record_type','=','donation')], 'readonly': [('state','!=','draft')]}"/>
</div>
<!-- Help Messages Section -->
<div class="alert alert-info text-center"
attrs="{'invisible': [('record_type','!=','donation')]}">
<i class="fa fa-heart text-success"/> اختر نوع التبرع ثم أدخل بيانات المتبرع
</div>
<div class="alert alert-primary text-center"
attrs="{'invisible': [('record_type','!=','sponsorship')]}">
<i class="fa fa-users text-primary"/> أدخل بيانات الكافل ثم اختر المستفيد
</div>
<group name="group_top">
<group name="group_left" string="Donor Information">
<field name="manager_id" invisible="1"/>
@ -141,7 +152,9 @@
<field name="sponsor_donor_type"
attrs="{'invisible': [('record_type','!=','sponsorship')], 'readonly': [('state','!=','draft')]}"/>
<button name="create_new_sponsor" type="object"
string="Create New Sponsor" class="btn-success"
string="إنشاء كافل/متبرع جديد"
class="btn-primary oe_highlight"
icon="fa-plus-circle"
attrs="{
'invisible': [
'|','|',('sponsor_id','!=',False),