Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

[FIX][web_responsive] Scrolling and mobile search/group buttons 

- Display horizontal scroll bar in big screens with wide list views.
- Display "group by" button in XS screens.
- More responsive search buttons layout in SM-XS screens.
10.0
Jairo Llopis 2017-09-22 14:57:22 +02:00 committed by Pedro M. Baeza
parent 6dee0183a0
commit e3eb15bc69
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web_responsive/__manifest__.py
View File

@ -6,7 +6,7 @@
"name": "Web Responsive", "name": "Web Responsive",
"summary": "It provides a mobile compliant interface for Odoo Community " "summary": "It provides a mobile compliant interface for Odoo Community "
"web", "web",
"version": "10.0.1.1.0", "version": "10.0.1.2.0",
"category": "Website", "category": "Website",
"website": "https://laslabs.com/", "website": "https://laslabs.com/",
"author": "LasLabs, Tecnativa, Odoo Community Association (OCA)", "author": "LasLabs, Tecnativa, Odoo Community Association (OCA)",

43
web_responsive/static/src/less/main.less
View File

@ -50,19 +50,50 @@ main {
overflow: auto; overflow: auto;
> .o_main_content { > .o_main_content {
overflow: initial; overflow: initial;
@media (max-width: @screen-xs-max) { > .o_content {
> .o_content { @media (max-width: @screen-xs-max) {
overflow: initial; overflow: initial;
} }
@media (min-width: @screen-sm-min) {
// .o_content is the one to display horizontal scrolling in
// case of wide tables
.table-responsive {
overflow-x: visible;
}
}
} }
} }
} }
} }
// Remove z-index from CP buttons so it doesn't overlap the menu @media (max-width: @screen-sm-max) {
.o_control_panel { .o_control_panel {
.btn-group > .btn.active { // Remove z-index from CP buttons so it doesn't overlap the menu
z-index: initial; .btn-group > .btn.active {
z-index: initial;
}
// Better horizontal space usage for buttons
justify-content: space-between;
.o_cp_left, .o_cp_right {
width: inherit;
}
.o_search_options > .o_dropdown {
&.hidden-xs {
// No other way to display "Group By" button :(
display: inline-block !important;
}
// Hack to hide text and display larger icons
> .btn {
font-size: 0;
> .fa {
font-size: @odoo-font-size-base * 1.4;
}
}
}
} }
} }