diff options
| author | Romain Derie <rde@odoo.com> | 2018-09-10 11:28:18 +0200 |
|---|---|---|
| committer | Romain Derie <rde@odoo.com> | 2018-09-12 11:30:19 +0200 |
| commit | d7ea1030abb0a0fb27d9ec070ded7612f23e9a03 (patch) | |
| tree | 35bec02c6769bad72fbd722db108c5e01089059b /addons | |
| parent | 4fb73a3de0e73920aa04582ea530c4f3bd0cc825 (diff) | |
[FIX] web_unsplash: row without container not taking all width in bs4
This commits add a container to make row full width, it also use bs4 classes to
make the content centered.
It also clean useless DOM.
Task-1878245 (chatter)
Diffstat (limited to 'addons')
| -rw-r--r-- | addons/web_unsplash/static/src/xml/unsplash_image_widget.xml | 34 |
1 files changed, 14 insertions, 20 deletions
diff --git a/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml b/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml index 3d18b932dd9..e1104b6014f 100644 --- a/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml +++ b/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml @@ -9,21 +9,21 @@ </div> </t> <t t-jquery=".existing-attachments" t-operation="after"> - <div class="unsplash_img_container"></div> + <div class="unsplash_img_container container-fluid"></div> </t> </t> <t t-name="web_unsplash.dialog.image.content"> <div class="row mt16" t-as="row" t-foreach="rows"> - <div class="col-sm-2 o_unsplash_img_cell" t-as="img" t-foreach="row"> + <div class="col-sm-2 o_unsplash_img_cell text-center" t-as="img" t-foreach="row"> <div class="o_image o_webimage" t-att-data-imgid="img.id" t-att-data-url="img.urls.regular" t-att-data-download-url="img.links.download_location"> <img class="img-fluid" t-att-src="img.urls.thumb" /> </div> - <div class="author_name text-center"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div> + <div class="author_name"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div> </div> </div> <div class="row mt16" t-if="rows.length == 0"> - <div class="text-center text-muted not-found"> + <div class="m-auto text-muted not-found"> <i class="fa fa-camera mr8"/> Photos not found </div> </div> @@ -31,8 +31,8 @@ <t t-name="web_unsplash.dialog.error.content"> <div class="row mt16 text-muted unsplash_error"> - <t t-if="key_not_found"> - <div class="text-center"> + <div class="m-auto text-center"> + <t t-if="key_not_found"> <p class="title"> Access key is not set </p> @@ -45,20 +45,16 @@ </div> </div> </div> - </div> - </t> - <t t-elif="status == 403"> - <div class="text-center"> + </t> + <t t-elif="status == 403"> <p class="title"> Search is temporary unavailable </p> <div class="details"> The max number of searches is exceeded. Please retry in an hour or extend to a better account. </div> - </div> - </t> - <t t-elif="status == 401"> - <div class="text-center"> + </t> + <t t-elif="status == 401"> <p class="title"> Unauthorized Key </p> @@ -71,18 +67,16 @@ </div> </div> </div> - </div> - </t> - <t t-else=""> - <div class="text-center"> + </t> + <t t-else=""> <p class="title"> Something went wrong </p> <div class="details"> Please check your internet connection or contact administrator. </div> - </div> - </t> + </t> + </div> </div> </t> |