[REF] web_editor, website: review UI labels and icons

Part of https://github.com/odoo/odoo/pull/36515
This commit is contained in:
qsm-odoo
2019-09-10 11:49:34 +00:00
parent 1d22cac139
commit 092409edc1
4 changed files with 16 additions and 21 deletions
@@ -60,6 +60,10 @@ body.editor_enable.editor_has_snippets {
background: var(--o-we-snippets-bg-color);
color: var(--o-we-snippets-color);
}
&:focus, &:active, &:focus:active {
outline: none;
}
}
}
@@ -201,8 +205,6 @@ body.editor_enable.editor_has_snippets {
font-weight: bold;
color: inherit !important;
@include we-icon-button('\f107');
> we-button-group {
flex: 0 0 auto;
display: block;
@@ -236,10 +238,6 @@ body.editor_enable.editor_has_snippets {
border-radius: 0;
}
we-button {
&.we-button-hover-icon:hover {
@include we-icon-button('\f040');
}
&.active {
@include we-icon-button('\f00c', $o-we-color-success);
}
@@ -274,9 +272,6 @@ body.editor_enable.editor_has_snippets {
color: var(--o-we-snippets-color);
cursor: pointer;
> we-title {
@include we-icon-button('\f104');
}
> we-customizeblock-option {
max-height: 0;
transition-duration: 25ms;
+3 -3
View File
@@ -3,13 +3,13 @@
<template id="snippets">
<div id="snippets_menu">
<button type="button" class="o_we_add_snippet_btn active">
<i class="fa fa-plus"/> Add
Blocks
</button>
<t t-set="customize_title">Select an element to customize it</t>
<t t-set="customize_title">Click in the page to customize</t>
<button type="button" class="o_we_customize_snippet_btn"
t-att-data-title="customize_title"
disabled="disabled">
<i class="fa fa-cog"/> Customize
Options
</button>
</div>
@@ -1519,7 +1519,7 @@ options.registry.anchorName = options.Class.extend({
});
}
new Dialog(this, {
title: _t("Anchor Name"),
title: _t("Link Anchor"),
$content: $(qweb.render('website.dialog.anchorName', {
currentAnchor: this.$target.attr('id'),
})),
+8 -8
View File
@@ -134,7 +134,7 @@
</section>
</template>
<template id="s_three_columns" name="Three Columns">
<template id="s_three_columns" name="Columns">
<section class="s_three_columns bg-200 pt32 pb32">
<div class="container">
<div class="row d-flex align-items-stretch">
@@ -1157,7 +1157,7 @@
<i class="fa fa-fw fa-trash-o"/> Remove Slide
</we-button>
<we-collapse-area>
<we-toggler><i class="fa fa-fw fa-clone"/>Transition</we-toggler>
<we-toggler><i class="fa fa-fw fa-clone"/> Transition</we-toggler>
<we-collapse>
<we-button data-select-class="slide">Slide</we-button>
<we-button data-select-class="carousel-fade slide">Fade</we-button>
@@ -1198,7 +1198,7 @@
</div>
<div data-js="gallery" data-selector=".o_gallery">
<we-button class="we-button-hover-icon" data-add-images="true" data-no-preview="true">
<we-button data-add-images="true" data-no-preview="true">
<i class="fa fa-fw fa-plus-circle"/> Add images
</we-button>
<we-button data-remove-all-images="true" data-no-preview="true">
@@ -1271,7 +1271,7 @@
<!-- Facebook Page -->
<div data-js="facebookPage" data-selector=".o_facebook_page">
<we-button class="we-button-hover-icon" data-fb-page-options="true" data-no-preview="true">
<we-button data-fb-page-options="true" data-no-preview="true">
<i class="fa fa-fw fa-facebook"/> Options
</we-button>
</div>
@@ -1315,7 +1315,7 @@
<div data-js="background"
data-selector="section, .parallax, :not(.o_gallery > .container) > .carousel"
data-exclude=".s_hr, .s_image_gallery">
<we-button class="we-button-hover-icon" data-choose-image="true" data-no-preview="true">
<we-button data-choose-image="true" data-no-preview="true">
<i class="fa fa-fw fa-picture-o"/> Background Image
</we-button>
</div>
@@ -1323,7 +1323,7 @@
<!-- Background Image -->
<div data-js="background_position"
data-selector="section, .parallax, :not(.o_gallery > .container) > .carousel">
<we-button class="we-button-hover-icon" data-background-position="true" data-no-preview="true">
<we-button data-background-position="true" data-no-preview="true">
<i class="fa fa-fw fa-arrows"/> Background Image Sizing
</we-button>
</div>
@@ -1446,8 +1446,8 @@
<div data-js="anchorName"
data-selector=":not(p).oe_structure > *, :not(p)[data-oe-type=html] > *, .row > div"
data-exclude=".modal *">
<we-button class="we-button-hover-icon" data-no-preview="true" data-open-anchor-dialog="">
<i class="fa fa-fw fa-anchor"/> Anchor Name
<we-button data-no-preview="true" data-open-anchor-dialog="">
<i class="fa fa-fw fa-anchor"/> Link Anchor
</we-button>
</div>