diff options
| author | Jeremy Kersten <jke@odoo.com> | 2019-05-20 07:07:38 +0000 |
|---|---|---|
| committer | Jeremy Kersten <jke@odoo.com> | 2019-05-20 07:13:58 +0000 |
| commit | 9c75cf30a3d9de4b7389864b429535492685e811 (patch) | |
| tree | e5f45c40a9825cb136cfe6fabadc938a479d0404 | |
| parent | cf129badbba3d6cbb565dbf5e93506d247ce5bf7 (diff) | |
[FIX] website_forum: fix column size
Until know, we suppose that
<div id='first' class='col-1'><div id='second' class='col'>
will be on the same line, with the second div that take the left space.
But that not the case, if you don't force the second to col-11 and that the
content is too long, if will show the div like a col-12 instead of a col-11.
Their are probably others case in the migration of bs3/bs4 to handle.
+ add word-wrap on the question to avoid long content that have overflow
below the right column.
| -rw-r--r-- | addons/website_forum/static/src/scss/website_forum.scss | 1 | ||||
| -rw-r--r-- | addons/website_forum/views/website_forum.xml | 4 |
2 files changed, 3 insertions, 2 deletions
diff --git a/addons/website_forum/static/src/scss/website_forum.scss b/addons/website_forum/static/src/scss/website_forum.scss index 9d0b796cb00..a5b0a4f1db4 100644 --- a/addons/website_forum/static/src/scss/website_forum.scss +++ b/addons/website_forum/static/src/scss/website_forum.scss @@ -22,6 +22,7 @@ $bronze: #eea91e; font-style: italic; font-weight: lighter; } + word-wrap: break-word; } .vote { diff --git a/addons/website_forum/views/website_forum.xml b/addons/website_forum/views/website_forum.xml index 253ae37c924..975f29a09b1 100644 --- a/addons/website_forum/views/website_forum.xml +++ b/addons/website_forum/views/website_forum.xml @@ -660,7 +660,7 @@ </div> </t> </div> - <div t-attf-class="col question-block mb-5 o_post_content" role="alert"> + <div t-attf-class="col-11 question-block mb-5 o_post_content" role="alert"> <span t-if="question.has_validated_answer" title="Question has accepted answer" role="img" aria-label="Question has accepted answer"><i class="fa fa-check-circle text-success"/> <b class="text-success">Resolved</b></span> <h1 t-attf-class="#{not question.active and 'text-danger' or 'text-primary'}"> <t t-esc="question.name"/> @@ -815,7 +815,7 @@ </div> </t> </div> - <div class="col"> + <div class="col-11"> <t t-if="answer.can_comment"> <div class="dropdown dropleft float-right"> <a class="btn bg-white" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |