Skip to content
Permalink
Browse files

[REF] website_theme_install: update theme install screen design

task-1907934

closes #31114
  • Loading branch information...
qsm-odoo committed Feb 14, 2019
1 parent 6a64c3c commit 9d5fa81ba32dce1f2258c5c8b126a988d6e45fc5
@@ -25,24 +25,8 @@
background: none;
border: none;

.o_browser_bar:after {
content: "•••";
display: inline-block;
padding-left: 10px;
color: darken($o-theme-kanban-gray, 10%);
font: 12px/20px Courier, monospace;
letter-spacing: -1px;
}

&.o_theme_installed .o_theme_preview_top {
border: 3px solid $o-brand-primary;

.fa {
color: $o-brand-primary;
}
}

.o_theme_preview_top {
position: relative;
border: 1px solid darken($o-theme-kanban-gray, 20%);
border-radius: 2px;
transform-origin: center bottom;
@@ -72,7 +56,7 @@
}

.o_button_area {
@include o-position-absolute(20px, -1px, -1px, -1px);
@include o-position-absolute(0, 0, 0, 0);
transition: opacity 100ms ease 0s;
display: flex;
flex-flow: column nowrap;
@@ -104,6 +88,10 @@
transition: opacity 0.2s ease 0.1s;
}
}

&.o_theme_installed .o_theme_preview_top {
border: 3px solid $o-brand-primary;
}
}

/// Grouped Layout
@@ -21,9 +21,6 @@
<t t-set="image_url" t-value="has_image ? 'web/image/' + record.image_ids.raw_value[0] : record.icon.value"/>

<div class="o_theme_preview_top bg-white mb4">
<div class="o_browser_bar">
<i states="installed" t-if="record.is_installed_on_current_website.raw_value" class="text-center ml4 img-circle fa fa-check-circle" role="img" aria-label="Installed" title="Installed"/>
</div>
<div t-attf-class="bg-gray-lighter #{has_screenshot? 'o_theme_screenshot' : (has_image ? 'o_theme_cover' : 'o_theme_logo')}" t-attf-style="background-image: url(#{image_url});"/>
<div t-if="record.is_installed_on_current_website.raw_value" class="o_button_area">
<button type="object" name="button_refresh_theme" class="btn btn-primary">Update theme</button>
@@ -35,6 +32,10 @@
<hr t-if="record.url.value"/>
<a role="button" t-if="record.url.value" class="btn btn-secondary" t-att-href="record.url.value" target="_blank">Live Preview</a>
</div>
<i states="installed" t-if="record.is_installed_on_current_website.raw_value"
class="fa fa-check position-absolute p-1 m-2 rounded-circle bg-primary shadow"
style="top: 0; right: 0;"
role="img" aria-label="Installed" title="Installed"/>
</div>
<div class="o_theme_preview_bottom clearfix">
<h5 t-if="record.display_name.value" class="text-uppercase float-left">

0 comments on commit 9d5fa81

Please sign in to comment.
You can’t perform that action at this time.