Fixed file preview icons

dataquest-dev · Sep 28, 2023 · 1fc1509 · 1fc1509
1 parent 23835f4
commit 1fc1509
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 16 deletions.
diff --git a/...-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/...-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -1,5 +1,6 @@
 <li>
-  <span class="foldername" *ngIf="node.isDirectory; else fileTemplate">
+  <span *ngIf="node.isDirectory; else fileTemplate">
+    <i class="fas fa-folder fa-sm" style="color: #a0a0a0"></i>
     <a role="button"
        (click)="isCollapsed = !isCollapsed"
        [attr.aria-expanded]="!isCollapsed"
@@ -9,8 +10,9 @@
   </span>
 
   <ng-template #fileTemplate>
-    <span class="filename">{{ node.name }}</span
-    ><span class="size pull-right">{{ node.size }}</span>
+    <i class="far fa-file fa-sm pr-1" style="color: #a0a0a0"></i>
+    <span>{{ node.name }}</span>
+    <span class="size pull-right">{{ node.size }}</span>
   </ng-template>
 
   <ul

diff --git a/src/app/submission/sections/clarin-license-resource/ufal-theme.css b/src/app/submission/sections/clarin-license-resource/ufal-theme.css
@@ -1426,19 +1426,6 @@ div.modal-scrollbar {
     list-style: none;
 }
 
-.treeview .foldername:before {
-        font-family: FontAwesome;
-        content: '\f07b';
-        margin-right: 5px;
-        color: #A0A0A0;
-}
-
-.treeview .filename:before {
-        font-family: FontAwesome;
-        content: '\f016';
-        margin-right: 5px;
-        color: #A0A0A0;
-}
 
 .filebutton {
         font-size: 12px;