Techsystech
/
web
mirror of https://github.com/OCA/web.git
3
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

[FIX][web_responsive] Form padding, titles and buttons OK in XS 

Small makeup to make it look good in XS screens.
pull/1390/head
Jairo Llopis 2017-01-20 11:45:53 +01:00 committed by Alexandre Díaz
parent 70488205c0
commit ba4c604066
1 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web_responsive/static/src/less/form_view.less
View File

@ -2,11 +2,29 @@
* License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
.o_form_view {
> .o_form_sheet_bg > .o_form_sheet {
@media (max-width: @screen-xs-max) {
min-width: 0px; // allow thinner form_sheet width for smaller screens
}
// Form must fill 100% width in any size
.o_form_sheet_bg {
padding: @sheet-padding;
.o_form_sheet {
min-width: auto;
max-width: 100%;
}
@media (max-width: @screen-sm-max) {
padding: 0;
.o_form_sheet {
border: none;
}
}
}
// No overflowing buttons or titles
.oe_button_box, .oe_title {
max-width: 100%;
}
@media (max-width: @screen-xs) {
.o_form_field > .o_form_input_dropdown {
width: 80%;