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

[IMP] web_responsive: Support long titles

12.0
Alexandre Díaz 2019-10-09 15:37:50 +02:00
parent aee297ef98
commit 8a7d5f68f0
4 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web_responsive/README.rst
View File

@ -127,6 +127,7 @@ Known issues / Roadmap
new size. This is Odoo's own limitation.
* App navigation with keyboard.
* Make it more beautiful. Maybe OCA-branded?
* Handle long titles on forms in a better way
Bug Tracker
===========

1
web_responsive/readme/ROADMAP.rst
View File

@ -4,3 +4,4 @@
new size. This is Odoo's own limitation.
* App navigation with keyboard.
* Make it more beautiful. Maybe OCA-branded?
* Handle long titles on forms in a better way

1
web_responsive/static/description/index.html
View File

@ -464,6 +464,7 @@ you should reload the web client to get the full experience for that
new size. This is Odoo’s own limitation.</li>
<li>App navigation with keyboard.</li>
<li>Make it more beautiful. Maybe OCA-branded?</li>
<li>Handle long titles on forms in a better way</li>
</ul>
</div>
<div class="section" id="bug-tracker">

16
web_responsive/static/src/css/web_responsive.scss
View File

@ -16,6 +16,15 @@
transform: none !important;
}
// Support for long titles
@include media-breakpoint-up(md) {
.o_form_view .oe_button_box + .oe_title,
.o_form_view .oe_button_box + .oe_avatar + .oe_title {
/* Button-box has a hardcoded width of 132px per button and have three columns */
width: calc(100% - 450px);
}
}
// Main navbar (with apps menu, user menu, debug menu...)
@include media-breakpoint-down(sm) {
.o_main_navbar {
@ -348,8 +357,6 @@ html .o_web_client .o_main .o_main_content {
// Support for long title (with ellipsis)
.oe_title {
width: initial;
span.o_field_widget {
max-width: 100%;
text-overflow: ellipsis;
@ -372,6 +379,11 @@ html .o_web_client .o_main .o_main_content {
max-width: 100%;
}
.oe_button_box + .oe_title,
.oe_button_box + .oe_avatar + .oe_title {
width: 100%;
}
// Avoid overflow on modals
.o_form_sheet {
min-width: auto;