devops_admin
/
odex25_standard
mirror of https://github.com/hydracp9/odex25_standard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix takaful table overflow

This commit is contained in:
MohamedGad100 2025-10-15 15:20:06 +03:00
parent b409cf5d46
commit 1c39059f18
3 changed files with 185 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
odex25_ensan/odex_takaful/static/src/scss/fix_table_overflow.scss Normal file
View File

@ -0,0 +1,183 @@
.o_form_view .o_form_sheet_bg > .o_form_sheet {
width: 95%!important;
max-width: initial;
}
// // Very small phones (rare now)
@media screen and (max-width: 319px){}
// Small phones
@media screen and (min-width: 320px) and (max-width: 480px){}
// Large phones
@media screen and (min-width: 481px) and (max-width: 767px){}
// tablet
@media screen and (min-width: 768px) and (max-width: 1024px){}
// Landscape for small devices
@media screen and (max-width: 767px) and (orientation: landscape){}
// Landscape for tablets (768px to 1024px)
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){}
// Landscape for mid-size / Large devices (Landscape) (IphoneX)
@media screen and (min-width: 700px) and (max-width: 950px) and (orientation: landscape){}
// ipad pro
@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){}
@media screen and (min-width: 1025px) and (max-width: 1200px){
}
@media screen and (min-width: 1201px) and (max-width: 1365px){}
@media (max-width: 480px) {
.fix_overflow {
.table-responsive{
width: 80vw;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
@media screen and (min-width: 481px) and (max-width: 767px){
.fix_overflow {
.table-responsive{
width: 400px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
@media (min-width: 576px) {
.fix_overflow {
.table-responsive{
width: 510px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
@media (min-width: 768px) {
.fix_overflow {
.table-responsive{
width: 680px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
@media (min-width: 992px) {
.fix_overflow {
.table-responsive{
width: 900px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
@media (min-width: 1200px) {
.fix_overflow {
.table-responsive{
width: 1070px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
// HD laptops (13–15”)
@media screen and (min-width: 1366px) and (max-width: 1599px){
.fix_overflow {
.table-responsive{
width: 1230px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
// Large laptops / small desktops
@media screen and (min-width: 1600px) and (max-width: 1919px){
.fix_overflow {
.table-responsive{
width: 1510px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
// Full HD monitors (1080p)
@media screen and (min-width: 1920px) and (max-width: 2559px){
.fix_overflow {
.table-responsive{
width: 1820px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
// 2K monitors (1440p)
@media screen and (min-width: 2560px) and (max-width: 3839px){
.fix_overflow {
.table-responsive{
width: 2480px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}
// 4K monitors (2160p+)
@media screen and (min-width: 3840px){
.fix_overflow {
.table-responsive{
width: 3750px;
overflow-x: auto;
table.o_list_table{
width: 100%;
max-width: 100%;
}
}
}
}

1
odex25_ensan/odex_takaful/views/assets.xml
View File

@ -4,6 +4,7 @@
<template id="assets_backend" name="product_catalogue_assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" type="text/scss" href="/odex_takaful/static/src/scss/donation_item_views.scss"/>
<link rel="stylesheet" type="text/scss" href="/odex_takaful/static/src/scss/fix_table_overflow.scss"/>
</xpath>
</template>

2
odex25_ensan/odex_takaful/views/takaful_sponorship_view.xml
View File

@ -222,7 +222,7 @@
<field name="donations_details_lines_mechanism_ids"
context="{'default_active_id': id, 'default_donation_mechanism': donation_mechanism,'default_start_date': sponsorship_creation_date}"
attrs="{'invisible': [('donation_mechanism', '=', 'without_conditions')], 'readonly': [('state','!=','draft')]}">
<tree>
<tree class="fix_overflow">
<field name="allowed_payment_method_ids" invisible="1" />
<field name="sponsorships_computed" invisible="1" />
<field name="sponsorship_scheduling_line_ids" invisible="1" />