From b3f9842a4d0400b1267959ff328c47c4b5ca52be Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Sat, 23 Apr 2022 23:46:21 +0200
Subject: Dodao hover za novi element tab u folderu, promenio input za kolicinu
 tacaka u pozadini da se odmah update-uje.

---
 frontend/src/app/_elements/folder/folder.component.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'frontend/src/app/_elements/folder')

diff --git a/frontend/src/app/_elements/folder/folder.component.html b/frontend/src/app/_elements/folder/folder.component.html
index 455d43cc..11fccc56 100644
--- a/frontend/src/app/_elements/folder/folder.component.html
+++ b/frontend/src/app/_elements/folder/folder.component.html
@@ -1,8 +1,8 @@
 <div id="folder" style="width: 60rem;">
     <div id="tabs" class="text-offwhite">
-        <div id="new-file-tab" class="folder-tab p-1 rounded-top" [style]="'z-index:' + newFileZIndex() + ' ;'" [ngClass]="{'selected-tab' : newFileSelected}">
+        <div id="new-file-tab" class="folder-tab p-1 rounded-top" [style]="'z-index:' + newFileZIndex() + ' ;'" [ngClass]="{'selected-tab' : newFileSelected, 'hover-tab' : hoveringOverFileIndex == -2}">
             <mat-icon class="text-offwhite">add</mat-icon>
-            <a class="stretched-link tab-link" (click)="selectNewFile()">
+            <a class="stretched-link tab-link" (click)="selectNewFile()" (mouseenter)="hoverOverFile(-2)" (mouseleave)="hoverOverFile(-1)">
                 <p class="m-1" *ngIf="newFile != undefined">{{newFile.name}}</p>
             </a>
         </div>
@@ -21,7 +21,7 @@
                 </mat-form-field>
             </div>
             <div id="search-options">
-                <div id="collapseFilters" class="collapse collapse-horizontal show">
+                <div id="collapseFilters" class="collapse collapse-horizontal">
                     <mat-chip-list aria-label="filter selection">
                         <mat-chip class="text-offwhite ns-bg-dark-50">
                             <mat-icon class="text-offwhite">timeline</mat-icon>
@@ -37,7 +37,7 @@
                         </mat-chip>
                     </mat-chip-list>
                 </div>
-                <a class="tab-link p-1" data-bs-toggle="collapse" data-bs-target="#collapseFilters" aria-expanded="true" aria-controls="collapseFilters">
+                <a class="tab-link p-1" data-bs-toggle="collapse" data-bs-target="#collapseFilters" aria-expanded="false" aria-controls="collapseFilters">
                     <mat-icon>filter_alt</mat-icon>
                 </a>
                 <div id="collapseSort" class="collapse collapse-horizontal">
-- 
cgit v1.2.3