diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss b/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
index ba5d38edf..9f2ef7bbe 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
@@ -2,7 +2,6 @@
display: flex;
position: relative;
margin-right: 20px
- // margin-left 20px;
}
.toggle-container {
@@ -17,6 +16,11 @@
.toggle{
position: absolute;
right: 4px;
+ &-twig {
+ position: absolute;
+ right: -25px;
+ bottom: 20px;
+ }
}
.blur {
diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js b/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js
index 1d66d25e6..3245512e9 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js
@@ -2,18 +2,19 @@ require('./blur.scss');
document.querySelectorAll('.confidential').forEach(function (el) {
let i = document.createElement('i');
- const classes = ['fa', 'fa-eye', 'toggle'];
+ const classes = ['fa', 'fa-eye-slash', 'toggle-twig'];
i.classList.add(...classes);
el.appendChild(i);
+
const toggleBlur = function(e) {
for (let child of el.children) {
- if (!child.classList.contains('toggle')) {
+ if (!child.classList.contains('toggle-twig')) {
child.classList.toggle('blur');
}
}
- i.classList.toggle('fa-eye');
i.classList.toggle('fa-eye-slash');
+ i.classList.toggle('fa-eye');
}
i.addEventListener('click', toggleBlur);
toggleBlur();
-});
+});
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
index af488cf0c..837440524 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
@@ -4,7 +4,7 @@