[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)
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user