pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] project: display 2 stat buttons per row in mobile in right side panel

Browse Source 
Before this commit, in project right side panel (when the user goes to
project update of a project) when the screen width is below then 1600px
the number of stat buttons is reduced to 3 stat buttons instead of 4.
The problem is in mobile view, there is no enough space to display 3
stat buttons in a row.

This commit reduces the number of stat buttons to 2 instead of 3 when
the user is in a mobile view.

task-2968326

X-original-commit: 50d710993d0a37526f75430f87310b2a2d67d69d
Part-of: odoo/odoo#105801
This commit is contained in:
Xavier BOL (xbo)
2022-11-15 19:22:13 +01:00
parent a19a63ea65
commit 927d6b9ae7
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/project/static/src/components/project_right_side_panel/project_right_side_panel.scss
+12 -2
View File
@@ -50,12 +50,12 @@ $o-rightpanel-p-tiny: $o-rightpanel-p-small*0.5;
}
}
@media screen and (max-width: 1600px) {
@include media-breakpoint-down(lg) {
.oe_stat_button {
flex-basis: 33.33%;
&:nth-child(3n):not(:last-child) {
border-right-width: 0px !important;
border-right-width: 0px;
}
&:nth-child(4n):not(:last-child){
@@ -63,6 +63,16 @@ $o-rightpanel-p-tiny: $o-rightpanel-p-small*0.5;
}
}
}
@include media-breakpoint-down(md) {
.oe_stat_button {
flex-basis: 50%;
&:nth-child(2n) {
border-right-width: 0px;
}
}
}
}
}
addons/project/static/src/components/project_right_side_panel/project_right_side_panel.xml
+1 -1
View File
@@ -14,7 +14,7 @@
<ViewButton
t-if="button.show"
defaultRank="'oe_stat_button'"
className="'h-auto py-2 border border-start-0 border-top-0'"
className="'h-auto py-2 border border-start-0 border-top-0 text-start'"
icon="`fa-${button.icon}`"
title="button.text"
clickParams="_getStatButtonClickParams(button)"