css changes for dialog

chinonso098 · Oct 28, 2024 · 7c478f6 · 7c478f6
1 parent 59f6f0b
commit 7c478f6
Show file tree

Hide file tree

Showing 6 changed files with 112 additions and 10 deletions.
diff --git a/src/app/shared/system-component/dialog/dialog.component.css b/src/app/shared/system-component/dialog/dialog.component.css
@@ -264,12 +264,19 @@ right: 0;
 }
 
 
-/*Info Notification*/
+/*Warning Notification*/
 .warning-dialog-main-container{
     width: 400px;
     height: 130px;
 }
 
+.warning-dialog-heading-text{
+    position: absolute; 
+    left: 2%; 
+    top: 5px; 
+    font-size: 11px;
+}
+
 .warning-dialog-mid-section1{
     display: flex;
     height: 80px;
@@ -318,6 +325,7 @@ right: 0;
     width: 100%;
     font-weight: normal;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    white-space: pre;
 }
 
 /*Tail Section*/

diff --git a/src/app/shared/system-component/dialog/dialog.component.html b/src/app/shared/system-component/dialog/dialog.component.html
@@ -75,9 +75,9 @@ <h1 class="error-dialog-h1">
 
 
 <ng-template #warningNotice>
-    <div ngDraggable [handle]="leftHS2" class="warning-dialog-main-container">   
-        <div style="position: absolute; left: 5%;"><p>Shortcut</p></div> 
-        <div #leftHS2 class="warning-dialog-mid-container" tabindex="0">
+    <div ngDraggable [handle]="leftHS3" class="warning-dialog-main-container">   
+        <div class="warning-dialog-heading-text"><p>Shortcut</p></div> 
+        <div #leftHS3 class="warning-dialog-mid-container" tabindex="0">
             <div class="warning-dialog-mid-section1">
                 <div class="warning-dialog-mid-img1">
                     <figure class="warning-dialog-figure1">

diff --git a/src/app/shared/system-service/menu.services.ts b/src/app/shared/system-service/menu.services.ts
@@ -14,6 +14,7 @@ export class MenuService{
     private _isPasteActive = false;
     private _path = 'NOPATH';
     private _actions = '';
+    private _stageData = '';
 
     pinToTaskBar: Subject<FileInfo> = new Subject<FileInfo>();
     unPinFromTaskBar: Subject<FileInfo> = new Subject<FileInfo>();
@@ -54,4 +55,12 @@ export class MenuService{
     getActions():string{
         return this._actions;
     }
+
+    setStageData(stageData:string):void{
+        this._stageData = stageData;
+    }
+
+    getStageData():string{
+        return this._stageData;
+    }
 }
diff --git a/src/app/system-apps/cheetah/cheetah.component.css b/src/app/system-apps/cheetah/cheetah.component.css
@@ -99,6 +99,9 @@
     background-color: #f0f0f0;
 }
 
+.cheetah-div{
+    width: 100%;
+}
 .os-info{
     height: 100%;
     width: 100%;

diff --git a/src/app/system-apps/cheetah/cheetah.component.html b/src/app/system-apps/cheetah/cheetah.component.html
@@ -1,6 +1,6 @@
-<div ngDraggable [handle]="leftHS1"  class="cheetah-main-container">
+<div ngDraggable [handle]="leftHS4"  class="cheetah-main-container">
     <div class="cheetah-header-container" tabindex="0">
-        <div #leftHS1 class="cheetah-left-header-section">
+        <div #leftHS4 class="cheetah-left-header-section">
             <h1 class="cheetah-h1">
                 <figure class="cheetah-figure">
                     <img class="cheetah-img" [src]="icon" />
@@ -23,9 +23,9 @@ <h1 class="cheetah-h1">
             <div class="os-image">
                 <img [src]="cheetahIcon" />
             </div>
-            <div> <p class="os-name">{{name}}</p> </div>
-            <div> <p class="os-version"> {{version}}</p></div>
-            <div> <p class="os-year">{{year}}</p></div>
+            <div class="cheetah-div"> <p class="os-name">{{name}}</p> </div>
+            <div class="cheetah-div"> <p class="os-version"> {{version}}</p></div>
+            <div class="cheetah-div"> <p class="os-year">{{year}}</p></div>
         </div>
     </div>
 </div>
diff --git a/src/app/system-files/constants.ts b/src/app/system-files/constants.ts
@@ -73,4 +73,86 @@ export class Constants{
         '.cpp',
         '.html'
     ]
-}
+}
+
+
+
+
+
+/* eslint-disable @typescript-eslint/no-namespace */
+// namespace Constants{
+
+//     export const EMPTY_STRING = '';
+//     export const ROOT = '/';
+//     export const DOUBLE_SLASH = '//';
+//     export const OSDISK = 'OSDisk (C:)';
+//     export const THISPC = 'This PC';
+//     export const URL = '.url';
+//     export const SHORTCUT = 'Shortcut';
+//     export const BASE = 'osdrive';
+//     export const IMAGE_BASE_PATH = 'osdrive/Cheetah/System/Imageres/';
+//     export const NEW_FOLDER = 'New Folder';
+//     export const CHEETAH = 'cheetah';
+
+//     export const DEFAULT_MENU_ORDER = 'DefaultMenuOrder';
+//     export const DEFAULT_FILE_MENU_ORDER = 'DefaultFileMenuOrder';
+//     export const DEFAULT_FOLDER_MENU_ORDER = 'DefaultFolderMenuOrder';
+//     export const FILE_EXPLORER_FILE_MENU_ORDER = 'FileExplorerFolderMenuOrder';
+//     export const FILE_EXPLORER_FOLDER_MENU_ORDER = 'FileExplorerfolderMenuOrder';
+//     export const FILE_EXPLORER_UNIQUE_MENU_ORDER = 'FileExploreruniqueMenuOrder';
+
+//     export const TASK_BAR_MENU_OPTION =  'taskbar-menu';
+//     export const NESTED_MENU_OPTION =  'nested-menu';
+//     export const FILE_EXPLORER_FILE_MANAGER_MENU_OPTION = 'file-explorer-file-manager-menu';
+
+//     export const IMAGE_FILE_EXTENSIONS = [
+//         '.jpg',
+//         '.png',
+//         '.avif',
+//         '.bmp',
+//         '.ico',
+//         '.jpeg',
+//         '.tiff',
+//         '.tif',
+//         '.svg',
+//         '.webp',
+//         '.xlm'
+//     ]
+
+//     export const VIDEO_FILE_EXTENSIONS = [
+//         '.mp4',
+//         '.webm',
+//         '.ogg',
+//         '.mkv'
+//     ]
+
+//     export const AUDIO_FILE_EXTENSIONS = [
+//         '.mp3',
+//         '.flac',
+//         '.aac',
+//         '.dolby',
+//         '.mpeg',
+//         '.opus',
+//         '.m4a',
+//         '.ogg',
+//         '.oga',
+//         '.wav',
+//         '.caf',
+//         '.weba',
+//         '.webm'
+//     ]
+
+//     export const PROGRAMING_LANGUAGE_FILE_EXTENSIONS = [
+//         '.js',
+//         '.js.map',
+//         '.map',
+//         '.mjs',
+//         '.ts',
+//         '.cs',
+//         '.java',
+//         '.py',
+//         '.c',
+//         '.cpp',
+//         '.html'
+//     ]
+// }