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/2405/head
Jairo Llopis 2017-01-20 11:45:53 +01:00 committed by anjeel.haria
parent 40f15987d1
commit 0a940c1957
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). */ * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
.o_form_view { .o_form_view {
> .o_form_sheet_bg > .o_form_sheet { // Form must fill 100% width in any size
@media (max-width: @screen-xs-max) { .o_form_sheet_bg {
min-width: 0px; // allow thinner form_sheet width for smaller screens 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) { @media (max-width: @screen-xs) {
.o_form_field > .o_form_input_dropdown { .o_form_field > .o_form_input_dropdown {
width: 80%; width: 80%;