fix styling of confidential toggle button in renderboxes

2025-06-07 18:44:08 +00:00 · 2022-02-23 10:46:25 +01:00 · 2022-02-23 10:46:25 +01:00 · d486f2ddfc
commit d486f2ddfc
parent fc5ca30df0
2 changed files with 5 additions and 1 deletions
--- a/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
@ -1,10 +1,15 @@
 .confidential{
    display: flex;
+    position: relative;
 }
 .toggle{
    margin-left: 30px;
    margin-top: 5px;
    cursor: pointer;
+    position: absolute;
+    bottom: 0px;
+    right: 10px;
+    z-index: 5;
 }
 .blur {
    -webkit-filter: blur(5px);
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
@ -29,6 +29,5 @@ export default {
 <style scoped lang='scss'>
    .confidential{
        align-items: center;
-        display: block;
    }
 </style>