[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.
pull/734/head
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

View File

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

View File

@ -50,19 +50,50 @@ main {
overflow: auto;
> .o_main_content {
overflow: initial;
@media (max-width: @screen-xs-max) {
> .o_content {
> .o_content {
@media (max-width: @screen-xs-max) {
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
.o_control_panel {
.btn-group > .btn.active {
z-index: initial;
@media (max-width: @screen-sm-max) {
.o_control_panel {
// Remove z-index from CP buttons so it doesn't overlap the menu
.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;
}
}
}
}
}