RajalashmiNagarajan commited on
Commit
5df7b16
·
1 Parent(s): 86b4aeb
src/app/case-details-summary-page/case-details-summary-page.component.css CHANGED
@@ -222,7 +222,7 @@ html, body {
222
  display: flex;
223
  align-items: center;
224
  gap: 12px;
225
- margin-left: -215px; /* Remove negative margin if it exists */
226
  }
227
 
228
  .brand-logo {
 
222
  display: flex;
223
  align-items: center;
224
  gap: 12px;
225
+ margin-left: -220px; /* Remove negative margin if it exists */
226
  }
227
 
228
  .brand-logo {
src/app/infopage/infopage.component.css CHANGED
@@ -1271,7 +1271,7 @@ html, body {
1271
  min-height: 120px; /* Set minimum height */
1272
  display: flex;
1273
  flex-direction: column;
1274
- z-index:0;
1275
  }
1276
 
1277
  .field-container:hover {
@@ -1433,7 +1433,7 @@ textarea.auto-scroll-textarea {
1433
  line-height: 1.5;
1434
  border: 1px solid #374151;
1435
  position: fixed;
1436
- z-index:1;
1437
  }
1438
 
1439
  .field-help::before {
@@ -1972,15 +1972,14 @@ footer {
1972
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(1, 19, 41, 0.95) 100%);
1973
  color: #fff;
1974
  text-align: center;
1975
- padding: 14px 0; /* Reduced padding */
1976
  position: fixed;
1977
- width: 100%;
1978
- font-size: 13px; /* Reduced from 12px */
1979
- font-weight: 500;
1980
- margin-top: 24px;
1981
  bottom: 0;
1982
  left: 0;
1983
- z-index: 100;
 
 
 
1984
  }
1985
 
1986
  /* ===== Responsive Design ===== */
@@ -2220,13 +2219,14 @@ footer {
2220
  z-index: 1; /* Keep this relatively low */
2221
  overflow: visible !important; /* Ensure popup can overflow */
2222
  }
 
2223
  form-card
2224
- .field-container:hover {
2225
- border-color: #1E3A8A;
2226
- box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1), 0 6px 8px -4px rgba(0, 0, 0, 0.1);
2227
- transform: translateY(-3px);
2228
- z-index: 10; /* Raise on hover but keep lower than help popup */
2229
- }
2230
 
2231
  /* ===== Submission Loader ===== */
2232
  .submit-loader-backdrop {
 
1271
  min-height: 120px; /* Set minimum height */
1272
  display: flex;
1273
  flex-direction: column;
1274
+ z-index: 0;
1275
  }
1276
 
1277
  .field-container:hover {
 
1433
  line-height: 1.5;
1434
  border: 1px solid #374151;
1435
  position: fixed;
1436
+ z-index: 1;
1437
  }
1438
 
1439
  .field-help::before {
 
1972
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(1, 19, 41, 0.95) 100%);
1973
  color: #fff;
1974
  text-align: center;
1975
+ padding: 12px 0;
1976
  position: fixed;
 
 
 
 
1977
  bottom: 0;
1978
  left: 0;
1979
+ width: 100%;
1980
+ font-size: 12px;
1981
+ font-weight: 500;
1982
+ z-index: 1000;
1983
  }
1984
 
1985
  /* ===== Responsive Design ===== */
 
2219
  z-index: 1; /* Keep this relatively low */
2220
  overflow: visible !important; /* Ensure popup can overflow */
2221
  }
2222
+
2223
  form-card
2224
+ .field-container:hover {
2225
+ border-color: #1E3A8A;
2226
+ box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1), 0 6px 8px -4px rgba(0, 0, 0, 0.1);
2227
+ transform: translateY(-3px);
2228
+ z-index: 10; /* Raise on hover but keep lower than help popup */
2229
+ }
2230
 
2231
  /* ===== Submission Loader ===== */
2232
  .submit-loader-backdrop {
src/app/infopage/infopage.component.html CHANGED
@@ -85,7 +85,7 @@
85
  <i class="fas fa-check"></i>
86
  </div>
87
  </button>
88
-
89
  </div>
90
  <div class="section-ai-grid"></div>
91
  </div>
@@ -297,14 +297,13 @@
297
 
298
  <!-- Textarea for description/remark fields -->
299
  <ng-container *ngIf="!dateTimeFields.has(field) && !dateFields.has(field) && !(field === 'Country' || field === 'State' || field === 'District') && !getOptions(field)?.length && (field.toLowerCase().includes('description') || field === 'Remark')">
300
- <textarea
301
- class="field-input auto-scroll-textarea"
302
- [class.compact]="isCompactField(field)"
303
- [(ngModel)]="formData[field]"
304
- (input)="onFieldChange(field)"
305
- [placeholder]="getFieldPlaceholder(field)"
306
- [attr.maxlength]="field === 'Brief Description' ? null : getMaxLength(field)"
307
- rows="3"></textarea>
308
 
309
  <div *ngIf="recordingField === field" style="margin-top:4px;color:#e74c3c;font-size:0.95em;">
310
  Recording... Speak now.
@@ -408,10 +407,10 @@
408
  </div>
409
  </div>
410
  </div>
 
411
 
412
- <!-- Footer from provided design -->
413
- <footer>
414
- <p>©2025 Pykara Technologies Pvt. Ltd. All rights reserved.</p>
415
- </footer>
416
 
417
- </div>
 
85
  <i class="fas fa-check"></i>
86
  </div>
87
  </button>
88
+
89
  </div>
90
  <div class="section-ai-grid"></div>
91
  </div>
 
297
 
298
  <!-- Textarea for description/remark fields -->
299
  <ng-container *ngIf="!dateTimeFields.has(field) && !dateFields.has(field) && !(field === 'Country' || field === 'State' || field === 'District') && !getOptions(field)?.length && (field.toLowerCase().includes('description') || field === 'Remark')">
300
+ <textarea class="field-input auto-scroll-textarea"
301
+ [class.compact]="isCompactField(field)"
302
+ [(ngModel)]="formData[field]"
303
+ (input)="onFieldChange(field)"
304
+ [placeholder]="getFieldPlaceholder(field)"
305
+ [attr.maxlength]="field === 'Brief Description' ? null : getMaxLength(field)"
306
+ rows="3"></textarea>
 
307
 
308
  <div *ngIf="recordingField === field" style="margin-top:4px;color:#e74c3c;font-size:0.95em;">
309
  Recording... Speak now.
 
407
  </div>
408
  </div>
409
  </div>
410
+ </div>
411
 
412
+ <!-- Footer from provided design -->
413
+ <footer>
414
+ <p>©2025 Pykara Technologies Pvt. Ltd. All rights reserved.</p>
415
+ </footer>
416
 
 
src/app/recordpage/recordpage.component.css CHANGED
@@ -869,6 +869,8 @@ footer {
869
  bottom: 0;
870
  left: 0;
871
  width: 100%;
 
 
872
  z-index: 1000;
873
  }
874
 
 
869
  bottom: 0;
870
  left: 0;
871
  width: 100%;
872
+ font-size: 12px;
873
+ font-weight: 500;
874
  z-index: 1000;
875
  }
876
 
src/app/recordpage/recordpage.component.html CHANGED
@@ -227,10 +227,6 @@
227
  </div>
228
  </div>
229
 
230
- <!-- Footer from provided design -->
231
- <footer>
232
- <p>©2025 Pykara Technologies Pvt. Ltd. All rights reserved.</p>
233
- </footer>
234
 
235
  <!-- Modal -->
236
  <div class="modal-blur-overlay" *ngIf="showDetails"></div>
@@ -284,3 +280,8 @@
284
  </div>
285
  </div>
286
  </div>
 
 
 
 
 
 
227
  </div>
228
  </div>
229
 
 
 
 
 
230
 
231
  <!-- Modal -->
232
  <div class="modal-blur-overlay" *ngIf="showDetails"></div>
 
280
  </div>
281
  </div>
282
  </div>
283
+
284
+ <!-- Footer from provided design -->
285
+ <footer>
286
+ <p>©2025 Pykara Technologies Pvt. Ltd. All rights reserved.</p>
287
+ </footer>