audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Small makeup to make it look good in XS screens.
This commit is contained in:
Jairo Llopis
2017-01-20 11:45:53 +01:00
committed by Sergey Shebanin
parent b190f3a3f5
commit c49ea0c52b
1 changed files with 22 additions and 4 deletions
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%;