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

[IMP] web_responsive: Support long titles

pull/1819/head
Alexandre Díaz 2019-10-09 15:37:50 +02:00 committed by Splash
parent fc3057040f
commit a343941902
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

@ -126,6 +126,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

@ -463,6 +463,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 {
@ -345,8 +354,6 @@ html .o_web_client .o_action_manager .o_action {
// Support for long title (with ellipsis)
.oe_title {
width: initial;
span.o_field_widget {
max-width: 100%;
text-overflow: ellipsis;
@ -377,6 +384,11 @@ html .o_web_client .o_action_manager .o_action {
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;