From 086010248b30924d4b597483fcec3f9988ed2419 Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Wed, 27 Apr 2022 15:53:00 +0200
Subject: Dodao blur stil za pozadine nekih elemenata.

---
 frontend/src/app/_elements/column-table/column-table.component.html | 2 +-
 frontend/src/app/_elements/folder/folder.component.html             | 2 +-
 frontend/src/styles/helper.css                                      | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'frontend')

diff --git a/frontend/src/app/_elements/column-table/column-table.component.html b/frontend/src/app/_elements/column-table/column-table.component.html
index 8551f710..55c07b87 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -1,4 +1,4 @@
-<table *ngIf="dataset && experiment" class="table text-offwhite fixed">
+<table *ngIf="dataset && experiment" class="table text-offwhite fixed bg-blur">
     <thead>
         <tr>
             <th>Naziv</th>
diff --git a/frontend/src/app/_elements/folder/folder.component.html b/frontend/src/app/_elements/folder/folder.component.html
index f0bc409a..b4e90e56 100644
--- a/frontend/src/app/_elements/folder/folder.component.html
+++ b/frontend/src/app/_elements/folder/folder.component.html
@@ -46,7 +46,7 @@
             </div>
         </div>
         <!--{{fileToDisplay ? fileToDisplay.name : 'No file selected.'}} {{selectedFileIndex}} {{hoveringOverFileIndex}}-->
-        <div [ngSwitch]="listView" class="folder-inside">
+        <div [ngSwitch]="listView" class="folder-inside bg-blur">
             <div class="file-content" [ngSwitch]="type" *ngSwitchCase="false">
                 <div class="file-bottom-buttons">
                     <button class="btn-clear file-button" (click)="deleteFile()">
diff --git a/frontend/src/styles/helper.css b/frontend/src/styles/helper.css
index 08ce6e56..fa362803 100644
--- a/frontend/src/styles/helper.css
+++ b/frontend/src/styles/helper.css
@@ -118,4 +118,8 @@
     margin: 3px;
     width: 28px;
     height: 28px;
+}
+
+.bg-blur {
+    backdrop-filter: blur(2px);
 }
\ No newline at end of file
-- 
cgit v1.2.3