NextERP/documentation
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] odoo_theme: fix highlight blocks in field-list items

Browse Source 
On pages such as /developer/reference/backend/orm.html#fields, the
highlight blocks inside `dl.field-list` items were pushing the width of
the page to go outside the screen on mobile. This is fixed by changing
the `.field-list`'s `display: grid` into `block` on mobile.

closes odoo/documentation#2225

X-original-commit: a689ea236d
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
This commit is contained in:
Elisabeth Dickinson 2022-06-14 12:07:15 +00:00 committed by Antoine Vandevenne (anv)
parent ec1ba758a9
commit cf40a90c81
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
extensions/odoo_theme/static/style.scss
View File

@ -638,10 +638,18 @@ header {
font-family: var(--bs-font-monospace); font-family: var(--bs-font-monospace);
} }
.field-list { dl.field-list {
@include font-size($font-size-secondary); @include font-size($font-size-secondary);
padding: .5rem; padding: .5rem;
border: 1px solid $gray-light; border: 1px solid $gray-light;
@include media-breakpoint-down(lg) {
display: block;
}
> dt, > dd {
padding-left: 0;
padding-right: 0;
}
ul { ul {
list-style: none; list-style: none;