Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-20 22:53:49 +00:00
Code Issues Actions Projects Releases Wiki Activity

implementation of blur effect for list of thirdparties

Browse Source
This commit is contained in:
Julie Lenaerts
2021-10-27 09:41:44 +02:00
parent c1a845e3e1
commit 5cf94a5ed6
6 changed files with 49 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss Normal file
View File

@@ -0,0 +1,13 @@
.confidential{
display: flex;
align-items: center;
}
.toggle{
margin-left: 10px;
cursor: pointer;
}
.blur {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);
}

2
src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js
View File

@@ -1,3 +1,5 @@
require('./blur.scss');
var toggleBlur = function(e){
var btn = e.target;

18
src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
View File

@@ -12,23 +12,7 @@
{{ encore_entry_link_tags('mod_forkawesome') }}
{{ encore_entry_link_tags('mod_ckeditor5') }}
{{ encore_entry_link_tags('chill') }}
{% block css%}<!-- nothing added to css -->
<style>
.confidential{
display: flex;
align-items: center;
}
.toggle{
margin-left: 10px;
cursor: pointer;
}
.blur {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);
}
</style>
{% endblock %}
{% block css %}<!-- nothing added to css -->{% endblock %}
</head>
<body>