Changing font size,

Author: chubara62372

elements/pf-alert/demo/Expandable.html

@@ -40,7 +40,7 @@ <h3 slot="header">Success alert title (expanded)</h3>
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
   }
   .demo-description{
-    padding: 1cm; /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
+    padding: 1cm; 
   }
 </style>
 

elements/pf-alert/demo/Inline-Variations.html

@@ -42,7 +42,6 @@ <h3 slot="header">Success alert title</h3>
 
   .demo-description {
     padding: 1cm;
-    /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
   }
 </style>
 

elements/pf-alert/demo/Inline-plain.html

@@ -19,7 +19,6 @@ <h3 slot="header">Success alert title</h3>
 
   .demo-description {
     padding: 1cm;
-    /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
   }
 </style>
 <script type="module">

elements/pf-alert/demo/Types.html

@@ -36,7 +36,7 @@ <h3 slot="header">Danger alert title</h3>
 
   }
    .demo-description{
-    padding: 1cm; /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
+    padding: 1cm; 
   }
 </style>
 

elements/pf-alert/demo/Variations.html

@@ -67,6 +67,5 @@ <h3 slot="header">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curab
 
   .demo-description {
     padding: 1cm;
-    /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
   }
 </style>

elements/pf-alert/demo/inline-types.html

@@ -33,7 +33,7 @@ <h3 slot="header">Danger inline alert title</h3>
     box-shadow: 0 4px 12px #fff;
   }
    .demo-description{
-    padding: 1cm; /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
+    padding: 1cm;
   }
 </style>
 

elements/pf-alert/pf-alert.css

@@ -132,14 +132,12 @@ header {
 #left-column pf-icon#arrow-icon,
 #header-actions pf-icon#close-button {
   --pf-icon--size: 16px;
-  /* פתח/סגור עבור PatternFly: עדיף להגדיר גם את משתנה הצבע של ה־icon */
   --pf-c-icon--Color: #6a6e73;
-  color: #6a6e73;        /* גיבוי למקרים ש־pf-icon משתמש ב־color ישיר */
+  color: #6a6e73;      
   cursor: pointer;
   transition: color 0.2s ease, --pf-c-icon--Color 0.2s ease;
 }
 
-/* מצבים: hover, active (בעת לחיצה), ומחלקת .active (שנוספה ב־JS) */
 #left-column pf-icon#arrow-icon:hover,
 #left-column pf-icon#arrow-icon:active,
 #left-column pf-icon#arrow-icon.active,

elements/pf-alert/pf-alert.ts

@@ -1,5 +1,4 @@
 
-// ייבוא הרכיבים של PatternFly
 import { LitElement, type TemplateResult, html, isServer, render } from 'lit';
 import { customElement } from 'lit/decorators/custom-element.js';
 import { property } from 'lit/decorators/property.js';
@@ -67,17 +66,17 @@ export class PfAlert extends LitElement {
     const icons = this.renderRoot.querySelectorAll('#arrow-icon, #close-button');
     icons.forEach(icon => {
       icon.addEventListener('click', () => {
-      // הסרה של active מכל האיקונים של כל הרכיבים
+// Remove active from all icons of all components
         document.querySelectorAll('pf-alert').forEach(alert => {
           const innerIcons = alert.renderRoot?.querySelectorAll('#arrow-icon, #close-button');
           innerIcons?.forEach(i => i.classList.remove('active'));
         });
-        // הוספת active לאייקון הנוכחי
+// Add active to the current icon
         icon.classList.add('active');
       });
     });
 
-    // קליק בכל מקום אחר מחזיר למצב רגיל
+// Click anywhere else returns to normal mode
     document.addEventListener('click', event => {
       const path = event.composedPath();
       const clickedOnIcon = Array.from(icons).some(i => path.includes(i as EventTarget));
@@ -153,7 +152,6 @@ export class PfAlert extends LitElement {
 
   #onClose() {
     if (this.dispatchEvent(new AlertCloseEvent('close'))) {
-      // this.#close();
     }
   }
 
@@ -198,7 +196,6 @@ export class PfAlert extends LitElement {
     const arrowDirection = hasDescription ? 'angle-down' : 'angle-right';
 
 
-    // footer slot עם האקשנים
     const footer = html`<footer class="${classMap({ hasActions })}"
                   @click="${this.#onActionsClick}">
             <!-- Provide actions that the user can take for the alert -->
@@ -261,14 +258,6 @@ export class PfAlert extends LitElement {
   `;
   }
 
-  // async #close() {
-  //   await this.updateComplete;
-  //   await Promise.all(this.getAnimations().map(x => {
-  //     x.finish();
-  //     return x.finished;
-  //   }));
-  //   this.remove();
-  // }
 
   async #onActionsClick(event: MouseEvent) {
     if (event.target instanceof HTMLElement
@@ -277,7 +266,6 @@ export class PfAlert extends LitElement {
       && this.dispatchEvent(
         new AlertCloseEvent(event.target?.dataset.action.toLowerCase()),
       )) {
-      // this.#close();
     }
   }
 }