hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 18:03:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

update favicons, fix ie8 issues in workzone, misc css fixes

Browse Source
This commit is contained in:
Florian BLOUET
2015-11-25 12:40:21 +01:00
parent 0194e1b46a
commit 170f1bd80d
21 changed files with 264 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/www/authentication/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
resources/www/prod/images/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

6
resources/www/prod/skins/skin-shared.scss
View File

@@ -361,9 +361,7 @@ span.ww_winTitle {
#order_manager .order_list li {
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-radius: $defaultBorderRadius;
border: 1px solid #FFFFFF;
margin: 0 5px;
}
@@ -465,7 +463,7 @@ H4 {
border: 2px solid $darkerBorderColor;
padding: 0px;
color: $darkerTextColor;
border-radius: 4px;
border-radius: $defaultBorderRadius;
}
.popover-inner .popover-title {

3
resources/www/prod/skins/ui-components/_buttons.scss
View File

@@ -26,7 +26,7 @@
// not used:
.history-collection {
/*.history-collection {
background-image: url('#{$iconsPath}chgcoll_history.png');
}
@@ -69,3 +69,4 @@ only screen and (min-resolution: 120dpi)
background-size: 16px 16px;
}
}
*/

4
resources/www/prod/skins/ui-components/_colorpicker.scss
View File

@@ -34,9 +34,7 @@ $colorpickerFocusBorder: #999999;
}
.colorpicker_focus {
border: 1px solid $colorpickerFocusBorder;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border-radius: $defaultBorderRadius;
}
.colorpicker_current_color,
.colorpicker_field,

8
resources/www/prod/skins/ui-components/_context-menu.scss
View File

@@ -62,12 +62,8 @@ Menu contextuel
.context-menu-theme-vista {
background-image: none;
background-color: #212121;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: $defaultBorderRadius;
border-bottom-right-radius: $defaultBorderRadius;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner.published {

4
resources/www/prod/skins/ui-components/_diapo.scss
View File

@@ -32,9 +32,7 @@ $diapoBorderColor: $darkerBorderColor !default;
display: block;
float: left;
border: 1px solid $diapoBorderColor;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: $defaultBorderRadius;
text-align: center;
margin: 8px 5px;
&.selected {

38
resources/www/prod/skins/ui-components/_modal-edit.scss
View File

@@ -7,6 +7,14 @@
left: 0;
right: 0;
bottom: 0;
.content-wrapper {
margin: 10px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
#EDIT_TOP {
@@ -16,9 +24,7 @@
left: 0;
width: 100%;
overflow: visible;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-radius: $defaultBorderRadius;
}
#EDIT_MENU {
@@ -83,9 +89,7 @@
background-color: $mediumBackgroundColor;
width: 700px;
left: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-radius: $defaultBorderRadius;
}
#EDIT_MID_R {
@@ -451,11 +455,29 @@ div.thesaurus {
cursor: pointer;
}
}
}
#idFrameE .ui-tabs {
.ui-tabs {
position: absolute;
top: 0px;
left: 10px;
bottom: 0px;
right: 0;
.ui-tabs-nav {
background-color: transparent;
top: 0px;
left: 10px;
right: 10px;
margin-top: 21px;
border-top: 1px solid $workzoneTabBorderTop;
border-radius: 0;
height: 43px;
border-bottom: 1px solid $workzoneTabBorderBottom;
}
.ui-tabs-panel {
position: absolute;
top: 56px;
left: 0;
bottom: 0;
right: 0;
}
}
}

4
resources/www/prod/skins/ui-components/_modal-export.scss
View File

@@ -2,9 +2,7 @@
#printBox {
background-color: $mediumBackgroundColor;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-radius: $defaultBorderRadius;
}
#printBox h4, #download h4,

9
resources/www/prod/skins/ui-components/_modal-preview.scss
View File

@@ -1,9 +1,10 @@
#PREVIEWBOX, #EDITWINDOW {
z-index: 1200;
background-color: $darkerBackgroundColor;
background-color: $modalBackground;
display: none;
border: 2px solid $darkerBorderColor;
border: $modalBorder; //1px solid $darkerBorderColor;
border-radius: $defaultBorderRadius;
}
#PREVIEWBOX img {
@@ -82,9 +83,7 @@
#PREVIEWOTHERSINNER li.otherRegToolTip,
#PREVIEWOTHERSINNER li.otherBaskToolTip {
background-color: $mediumBackgroundColor;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: $defaultBorderRadius;
cursor: pointer;
}

2
resources/www/prod/skins/ui-components/_modal-push.scss
View File

@@ -329,7 +329,7 @@
#QuickAddUser input {
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
border-radius: $defaultBorderRadius;
box-shadow: 0 1px 1px #EEEEEE;
display: inline-block;
margin: 0 5px 0 0;

4
resources/www/prod/skins/ui-components/_pagination.scss
View File

@@ -7,9 +7,7 @@
padding: 1px 5px;
margin: 0 4px;
background-color: #0077BC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: $defaultBorderRadius;
font-size: 12px;
line-height: 14px;
font-weight: bold;

11
resources/www/prod/skins/ui-components/_search-form.scss
View File

@@ -78,9 +78,7 @@ form.phrasea_query input.query {
#adv_search .sbasglob .sbas_list,
.adv_options .sbasglob .sbas_list {
padding: 5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: $defaultBorderRadius;
}
#adv_search .sbasglob .sbas_list.selected,
@@ -95,13 +93,6 @@ form.phrasea_query input.query {
text-align: center;
}
/*.sbaslist {
background-color: $searchSbasListBg;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}*/
.sbas_list label {
color: $lightTextColor;
}

178
resources/www/prod/skins/ui-components/_workzone-baskets.scss
View File

@@ -1,131 +1,31 @@
/* workzone brower - DEPRECATED - #BasketBrowser {
h1 {
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 0;
#idFrameC {
#baskets {
> div {
border-top: 1px solid $mediumBorderColor;
}
.Browser{
background-color: #111111;
}
.Basket{
background-color: #111111;
display:none;
.thumb_wrapper {
margin:5px;
}
}
.result{
position:relative;
height:100px;
&.odd{
background-color:#404040;
}
.PNB10 {
overflow: hidden;
}
.datas{
top:50px;
bottom:50px;
.bloc {
position: absolute;
top: 31px;
left: 0pt;
right: 1px;
bottom: 0px;
overflow-y: auto;
overflow-x: hidden;
&.groupDrop {
border: 3px solid #a00;
}
.footer,
.header{
height:50px;
}
.header{
bottom:auto;
}
.footer{
top:auto;
}
table{
height:80px;
}
td {
&.content{
width:390px;
vertical-align:top;
}
&.thumbnail{
display: table-cell;
width: 105px;
height: 80px;
padding: 0;
border: none;
border-radius: 0;
box-shadow: none;
line-height: 18px;
text-align: center;
vertical-align:top;
.counter{
bottom: 18px;
font-size: 14px;
.content {
&.grouping .alert_datas_changed,
&.basket .alert_datas_changed {
position: relative;
right: 5px;
text-align: right;
}
}
}
}
h1.title{
font-size:14px;
.loader{
display:none;
margin:4px;
}
}
img{
vertical-align: middle;
}
table{
width:100%;
border:none;
vertical-align:top;
td.paginator{
text-align:right;
}
}
label {
cursor:pointer;
color:#9a9a9a;
}
input {
display:none;
&.Query {
padding: 3px;
display: block;
border-radius: 4px;
width: 155px;
padding-left: 25px;
}
}
input:checked + label,
label.selected {
color: #d18827;
}
form {
h1{
margin: 10px 0;
}
ul {
li{
padding:5px 0;
border-top:1px solid #9A9A9A;
&.first{
border-top:none;
}
label{
margin: 0 0 0 40px;
right: 0;
left: 0;
}
}
}
}
}*/
#idFrameC #baskets .alert_datas_changed {
.alert_datas_changed {
position: absolute;
top: 5px;
height: 20px;
@@ -139,31 +39,10 @@
display: none;
z-index: 5000;
}
#idFrameC #baskets .content.grouping .alert_datas_changed,
#idFrameC #baskets .content.basket .alert_datas_changed {
position: relative;
margin: 10px 0;
right: 0;
left: 0;
}
#idFrameC #baskets .bloc {
position: absolute;
top: 31px;
left: 0pt;
right: 1px;
bottom: 0px;
overflow-y: auto;
overflow-x: hidden;
}
#baskets .insidebloc {
.insidebloc {
top: 0;
}
#baskets .top-scroller,
#baskets .bottom-scroller {
.top-scroller, .bottom-scroller {
height: 80px;
position: absolute;
border: none;
@@ -172,23 +51,13 @@
left: 0;
right: 0;
}
#baskets .top-scroller {
.top-scroller {
bottom: auto;
}
#baskets .bottom-scroller {
.bottom-scroller {
top: auto;
}
#idFrameC #baskets .bloc.groupDrop {
border: 3px solid #a00;
}
#baskets {
> div {
border-top: 1px solid $mediumBorderColor;
}
.SSTT {
&.active {
border: 1px solid #b1b1b1;
@@ -256,6 +125,7 @@
font-size: 1em;
}
}
}
/** hack IE7 only */
*:first-child + html .workzone-menu-title {

35
resources/www/prod/skins/ui-components/_workzone-thesaurus.scss
View File

@@ -80,10 +80,37 @@
/* ==================================
dans l'onglet thesaurus : arbres, menus contextuels
===================================== */
.ui-tabs {
#thesaurus_tab {
top: 87px !important;
}
}
#THPD_tabs {
right: 0;
.ui-tabs-nav {
li.th_tab {
a {
color: $textPrimaryColor;
}
&.th_tab {
height: 43px;
margin: 0;
.ui-state-active {
border-bottom: 1px solid $thesaurusColor;
}
a {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 0;
padding: 0 20px;
display: block;
text-decoration: none;
}
}
}
.ui-state-default A {
color: $thesaurusContextMenuColor;
}
@@ -137,9 +164,15 @@ dans l'onglet thesaurus : arbres, menus contextuels
background-color: #ff0000;
}
}
#idFrameC .ui-tabs {
#THPD_C.ui-tabs-panel,
#THPD_T.ui-tabs-panel{
top: 46px;
}
}
#THPD_T, #THPD_C {
margin-top: 10px;
// margin-top: 10px;
margin-left: 0px;
}

63
resources/www/prod/skins/ui-components/_workzone.scss
View File

@@ -33,7 +33,18 @@
left: 0px;
bottom: 0px;
right: 0;
margin: 0;
padding: 0;
.ui-tabs-nav {
background-color: transparent;
top: 0;
left: 10px;
right: 10px;
//margin-top: 21px;
border-top: 1px solid $workzoneTabBorderTop;
border-radius: 0;
height: 43px;
border-bottom: 1px solid $workzoneTabBorderBottom;
li {
width: auto;
height: 85px;
@@ -41,6 +52,7 @@
background-color: $mediumBackgroundColor;
z-index: 10;
border-radius: 0;
margin: 0;
&.proposals_WZ {
&.ui-state-active {
a {
@@ -89,29 +101,14 @@
}
}
}
#thesaurus_tab {
li {
a {
color: $textPrimaryColor;
}
&.th_tab {
height: 43px;
margin: 0;
.ui-state-active {
border-bottom: 1px solid $thesaurusColor;
}
a {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 0;
padding: 0 20px;
display: block;
text-decoration: none;
}
}
}
.ui-tabs-panel {
position: absolute;
top: 56px;
left: 0;
bottom: 0;
right: 0;
}
}
ul.icon-menu {
width: 100%;
@@ -166,28 +163,6 @@
}
}
#idFrameC .ui-tabs .ui-tabs-nav,
#idFrameE .ui-tabs .ui-tabs-nav {
background-color: transparent;
top: 0px;
left: 10px;
right: 10px;
margin-top: 21px;
border-top: 1px solid $workzoneTabBorderTop;
border-radius: 0;
height: 43px;
border-bottom: 1px solid $workzoneTabBorderBottom;
}
#idFrameC .ui-tabs .ui-tabs-panel,
#idFrameE .ui-tabs .ui-tabs-panel {
position: absolute;
top: 56px;
left: 0px;
bottom: 0px;
right: 0px;
}
.alert_datas_changed a {
color: #404040;
text-decoration: underline;

14
resources/www/prod/styles/_ie8.scss
View File

@@ -8,4 +8,18 @@
{
width:580px;
}
.btn-image {
width: 16px;
height: 16px;
// border: 1px solid #FF0000;
}
#idFrameC {
.ui-tabs {
.ui-tabs-nav {
li {
margin-top: -20px;
}
}
}
}
}

3
resources/www/prod/styles/main.scss
View File

@@ -101,3 +101,6 @@
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
@import 'ie7';
@import 'ie8';

15
templates/web/login/layout/base-layout.html.twig
View File

@@ -1,15 +1,12 @@
{% if form is defined %}
{% form_theme form 'login/common/fields.html.twig' %}
{% endif %}
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>
<!-->
<html class="no-js">
<!--<![endif]-->
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{ app['locale'] }}"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="{{ app['locale'] }}"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="{{ app['locale'] }}"> <![endif]-->
<!--[if gt IE 8]><!--><html lang="{{ app['locale'] }}" class="no-js "> <!--<![endif]-->
<html>
<head>
{% block header %}
<title>{% block title %}Phraseanet{% endblock title %}</title>
@@ -26,7 +23,7 @@
{% block header_rss %}{% endblock %}
{% block favicon %}
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="/assets/authentication/images/favicon.ico" />
{% endblock favicon %}
{% block header_stylesheet %}

2
templates/web/prod/actions/edit_default.html.twig
View File

@@ -122,6 +122,7 @@
<div id="EDIT_ALL">
<div class="content-wrapper">
<div style="display:none;">
<form onsubmit="return(false)" >
<input style="font-size:2px; width:5px;" type="text" id="editFakefocus" />
@@ -350,6 +351,7 @@
</div>
</div>
</div>
<div id="EDIT_WORKING">
<center>

40
templates/web/prod/toolbar.html.twig
View File

@@ -47,15 +47,14 @@
<span class="dropdownButton">
<div class="btn-group">
<button id="TOOL_disktt" class="default_action TOOL_disktt_btn results_window btn btn-inverse">
<img src="/assets/common/images/icons/disktt_history.png" height="16"
width="16"/> {{ 'action : exporter' | trans }}
<img src="/assets/common/images/icons/disktt_history.png" height="16" width="16" class="btn-image"/> {{ 'action : exporter' | trans }}
</button>
<button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="TOOL_print_btn results_window">
<img src="/assets/common/images/icons/print_history.png" height="16" width="16"/>
<img src="/assets/common/images/icons/print_history.png" height="16" width="16" class="btn-image"/>
{{ 'action : print' | trans }}
</a>
</li>
@@ -90,7 +89,7 @@
{% for action in actions %}
{% if loop.first %}
<button class="default_action {{ action.class }} results_window btn btn-inverse">
<img src="{{ action.icon }}" height="16" width="16"/> {{ action.label }}
<img src="{{ action.icon }}" height="16" width="16" class="btn-image"/> {{ action.label }}
</button>
{% endif %}
{% endfor %}
@@ -101,7 +100,7 @@
{% if not loop.first %}
<li>
<a class="{{ action.class }} results_window">
<img src="{{ action.icon }}" height="16" width="16"/>
<img src="{{ action.icon }}" height="16" width="16" class="btn-image"/>
{{ action.label }}
</a>
</li>
@@ -118,7 +117,7 @@
<div class="btn-group">
{% for action in actions %}
<button class="{{ action.class }} results_window btn btn-inverse">
<img src="{{ action.icon }}" height="16" width="16"/> {{ action.label }}
<img src="{{ action.icon }}" height="16" width="16" class="btn-image"/> {{ action.label }}
</button>
{% endfor %}
</div>
@@ -129,28 +128,28 @@
<span class="dropdownButton">
<div class="btn-group">
<button class="TOOL_pushdoc_btn default_action results_window btn btn-inverse">
<img src="/assets/common/images/icons/push16.png" height="16" width="16"/> {{ 'action : push' | trans }}
<img src="/assets/common/images/icons/push16.png" height="16" width="16" class="btn-image"/> {{ 'action : push' | trans }}
</button>
<button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span
class="caret"></span></button>
<ul class="dropdown-menu">
<li>
<a class="TOOL_feedback_btn results_window">
<img src="/assets/common/images/icons/feedback16.png" height="16" width="16"/>
<img src="/assets/common/images/icons/feedback16.png" height="16" width="16" class="btn-image"/>
{{ 'Feedback' | trans }}
</a>
</li>
<li class="divider"></li>
<li>
<a class="TOOL_bridge_btn results_window" href="{{ path("prod_bridge_manager") }}">
<img src="/assets/common/images/icons/door.png" height="16" width="16"/>
<img src="/assets/common/images/icons/door.png" height="16" width="16" class="btn-image"/>
{{ 'action : bridge' | trans }}
</a>
</li>
<li class="divider"></li>
<li>
<a class="TOOL_publish_btn results_window">
<img src="/assets/common/images/icons/rss16.png" height="16" width="16"/>
<img src="/assets/common/images/icons/rss16.png" height="16" width="16" class="btn-image"/>
{{ 'action : publier' | trans }}
</a>
</li>
@@ -161,7 +160,7 @@
<li>
<a class="results_window {{ action.classes|default('') }}">
{% if action.icon %}
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
{% endif %}
{% set label = action.label %}
@@ -178,14 +177,14 @@
<span class="dropdownButton">
<div class="btn-group">
<button class="TOOL_pushdoc_btn default_action results_window btn btn-inverse">
<img src="/assets/common/images/icons/push16.png" height="16" width="16"/> {{ 'action : push' | trans }}
<img src="/assets/common/images/icons/push16.png" height="16" width="16" class="btn-image"/> {{ 'action : push' | trans }}
</button>
<button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span
class="caret"></span></button>
<ul class="submenu dropdown-menu">
<li>
<a class="TOOL_feedback_btn results_window">
<img src="/assets/common/images/icons/feedback16.png" height="16" width="16"/>
<img src="/assets/common/images/icons/feedback16.png" height="16" width="16" class="btn-image"/>
{{ 'Feedback' | trans }}
</a>
</li>
@@ -196,7 +195,7 @@
<li>
<a class="results_window {{ action.classes|default('') }}">
{% if action.icon %}
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
{% endif %}
{% set label = action.label %}
@@ -213,14 +212,14 @@
<span class="dropdownButton">
<div class="btn-group">
<button class="TOOL_pushdoc_btn default_action results_window btn btn-inverse">
<img src="/assets/common/images/icons/door.png" height="16" width="16"/> {{ 'action : bridge' | trans }}
<img src="/assets/common/images/icons/door.png" height="16" width="16" class="btn-image"/> {{ 'action : bridge' | trans }}
</button>
<button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span
class="caret"></span></button>
<ul class="submenu dropdown-menu">
<li>
<a class="TOOL_publish_btn results_window">
<img src="/assets/common/images/icons/rss16.png" height="16" width="16"/>
<img src="/assets/common/images/icons/rss16.png" height="16" width="16" class="btn-image"/>
{{ 'action : publier' | trans }}
</a>
</li>
@@ -231,7 +230,7 @@
<li>
<a class="results_window {{ action.classes|default('') }}">
{% if action.icon %}
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
{% endif %}
{% set label = action.label %}
@@ -269,7 +268,7 @@
<li>
<a class="results_window {{ action.classes|default('') }}">
{% if action.icon %}
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
<img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
{% endif %}
{% set label = action.label %}
{% trans from plugin.PluginLocale %}label{% endtrans %}
@@ -292,8 +291,7 @@
<span class="classicButton">
<div class="btn-group">
<button class="TOOL_imgtools_btn results_window btn btn-inverse">
<img src="/assets/common/images/icons/imgtools_history.png" height="16"
width="16"/> {{ 'action : outils' | trans }}
<img src="/assets/common/images/icons/imgtools_history.png" height="16" width="16" class="btn-image"/> {{ 'action : outils' | trans }}
</button>
</div>
</span>
@@ -302,7 +300,7 @@
<span class="classicButton">
<div class="btn-group">
<button class="TOOL_trash_btn results_window btn btn-inverse">
<img src="/assets/common/images/icons/delete.png" height="16" width="16"/> {{ 'action : supprimer' | trans }}
<img src="/assets/common/images/icons/delete.png" height="16" width="16" class="btn-image"/> {{ 'action : supprimer' | trans }}
</button>
</div>
</span>