min icon addtions to fileexplr

chinonso098 · Oct 22, 2024 · 7dfee64 · 7dfee64
1 parent b25e05e
commit 7dfee64
Show file tree

Hide file tree

Showing 3 changed files with 80 additions and 18 deletions.
diff --git a/src/app/system-apps/desktop/desktop.component.ts b/src/app/system-apps/desktop/desktop.component.ts
@@ -254,7 +254,7 @@ export class DesktopComponent implements OnInit, OnDestroy, AfterViewInit{
         'position':'absolute',
         'width': '210px', 
         'transform':`translate(${String(axis.xAxis + 2)}px, ${String(axis.yAxis)}px)`,
-        'z-index': 2,
+        'z-index': 3,
         'opacity':1
       }
       evt.preventDefault();

diff --git a/src/app/system-apps/fileexplorer/fileexplorer.component.css b/src/app/system-apps/fileexplorer/fileexplorer.component.css
@@ -9,21 +9,6 @@
     background-color: #202020;
 }
 
-.fileexp-footer-container{
-    width: 100%;
-    height: 24px ;
-    display: inline-flex;
-    /* background-color: #383434; */ 
-    background-color: #303438;
-}
-
-.span-footer{
-    color: white;
-    font-size: 11px;
-    font-weight: normal;
-    margin: 5px 4px;
-}
-
 /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@Header Tabs View Started@@@@@@@@@@@@@@@@@@@@@@@@@@*/
 /* Styles for the tabbed window container */
 .fileexp-header-tab-container {
@@ -81,7 +66,7 @@
 
 .figure-header-toggle{
     position: fixed;
-    right: 2%;
+    right: 4%;
 }
 
 .figure-header-tab{
@@ -96,6 +81,26 @@
     height: 10px; 
     width: 10px;
 }
+
+
+.question-header-cntnr{
+    position: fixed;
+    right: 1%;
+}
+
+.question-figure-header-tab{
+    position: relative;
+    width: 15px;
+    height: 21.5px;
+}
+
+.question-img-header-tab{
+    position: relative;
+    height: 15px; 
+    width: 15px;
+    top: 2.5px;
+}
+
 
 /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@Header Tabs View Ended@@@@@@@@@@@@@@@@@@@@@@@@@@*/
 
@@ -1088,6 +1093,47 @@ span.mid-search-entry{
 /*****************************icon view and layout Started*****************************/
 
 
+/*-----################################---Footer View Started-----################################---*/
+
+.fileexp-footer-container{
+    width: 100%;
+    height: 24px ;
+    display: inline-flex;
+    /* background-color: #383434; */ 
+    background-color: #303438;
+}
+
+.span-footer{
+    color: white;
+    font-size: 11px;
+    font-weight: normal;
+    margin: 5px 4px;
+}
+
+
+.footer-img-cntnr-1{
+    position: fixed;
+    right: 4%;
+}
+.footer-img-cntnr-2{
+    position: fixed;
+    right: 1%;
+}
+
+.footer-figure-header-tab{
+    position: relative;
+    width: 15px;
+    height: 24px;
+}
+
+.footer-img-header-tab{
+    position: relative;
+    height: 15px; 
+    width: 15px;
+    top: 3px;
+}
+/*-----################################---Footer View Ended-----################################---*/
+
 
 .rename-textbox{
     position: relative;

diff --git a/src/app/system-apps/fileexplorer/fileexplorer.component.html b/src/app/system-apps/fileexplorer/fileexplorer.component.html
@@ -14,7 +14,6 @@
                             viewBox="0 0 512 512" *ngIf="showRibbonMenu" [style]="ribbonMenuBtnStyle">
                             <path d="M278.6 233.4c-12.5-12.5-32.8-12.5-45.3 0l-192 192c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L256 300.3l169.4 169.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-192-192z"/>
                         </svg>
-
                         <svg xmlns="http://www.w3.org/2000/svg" 
                             height="10" width="10" 
                             viewBox="0 0 512 512" *ngIf="!showRibbonMenu" [style]="ribbonMenuBtnStyle">
@@ -23,6 +22,11 @@
                     </div>
                 </figure>
               </div>
+              <div class="question-header-cntnr" (click)="toggleRibbobMenu()" (mouseenter)="colorRibbonMenuCntnr()" (mouseleave)="uncolorRibbonMenuCntnr()" [style]="ribbonMenuCntnrStyle">
+                <figure class="question-figure-header-tab">  
+                    <img class="question-img-header-tab" [src]="'osdrive/Cheetah/System/Imageres/question.png'"/>
+                </figure>
+              </div>
             </div>
             <ng-container *ngIf="showRibbonMenu">
                 <div class="fileexp-header-tab-content-container">
@@ -441,6 +445,18 @@
             <span class="span-footer">|</span>
             <!-- <span class="span-footer">{{fileExplrFiles.length - fileExplrFiles.length}} items selected</span>
             <span class="span-footer">|</span> -->
+
+
+            <div class="footer-img-cntnr-1" (click)="toggleRibbobMenu()" (mouseenter)="colorRibbonMenuCntnr()" (mouseleave)="uncolorRibbonMenuCntnr()" [style]="ribbonMenuCntnrStyle">
+                <figure class="footer-figure-header-tab">  
+                    <img class="footer-img-header-tab" [src]="'osdrive/Cheetah/System/Imageres/details_view.png'"/>
+                </figure>
+              </div>
+              <div class="footer-img-cntnr-2" (click)="toggleRibbobMenu()" (mouseenter)="colorRibbonMenuCntnr()" (mouseleave)="uncolorRibbonMenuCntnr()" [style]="ribbonMenuCntnrStyle">
+                <figure class="footer-figure-header-tab">  
+                    <img class="footer-img-header-tab" [src]="'osdrive/Cheetah/System/Imageres/large_image.png'"/>
+                </figure>
+              </div> 
         </div>
     </div>