Merge branch 'main' into lmendoza/PD-3822-qa

amontenegro · web-flow · commit 064c692b336e · 2025-12-17T18:21:32.000-06:00
diff --git a/.postcssrc.json b/.postcssrc.json
@@ -0,0 +1 @@
+{ "plugins": { "@tailwindcss/postcss": {} } }
diff --git a/.prettierignore b/.prettierignore
@@ -5,3 +5,4 @@ dist
 .vscode/*
 .angular/*
 .github/*
+src/assets/css/tailwind.css
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,13 @@
+## v2.127.0 - 2025-12-17
+
+[Full Changelog](https://github.com/ORCID/orcid-angular/compare/v2.126.11...v2.127.0)
+
+## v2.126.11 - 2025-12-17
+
+[Full Changelog](https://github.com/ORCID/orcid-angular/compare/v2.126.10...v2.126.11)
+
+- [#2695](https://github.com/ORCID/orcid-angular/pull/2695): Transifex: update properties
+
 ## v2.126.10 - 2025-12-15
 
 [Full Changelog](https://github.com/ORCID/orcid-angular/compare/v2.126.9...v2.126.10)
diff --git a/angular.json b/angular.json
@@ -127,6 +127,11 @@
               }
             ],
             "styles": [
+              {
+                "input": "src/assets/css/tailwind.css",
+                "bundleName": "tailwind",
+                "inject": true
+              },
               "src/assets/scss/noto-sans.scss",
               "src/assets/scss/material.scss",
               "projects/orcid-tokens/tokens.css",
diff --git a/package.json b/package.json
@@ -56,9 +56,10 @@
     "@angular/router": "^20.1.6",
     "@angular/service-worker": "^20.1.6",
     "@orcid/bibtex-parse-js": "0.0.25",
+    "@tailwindcss/postcss": "^4.1.18",
+    "bowser": "^2.11.0",
     "browserslist": "^4.28.0",
     "browserslist-useragent-regexp": "^4.1.3",
-    "bowser": "^2.11.0",
     "core-js": "^3.6.5",
     "del": "^6.0.0",
     "gulp-clean": "^0.4.0",
@@ -67,9 +68,11 @@
     "karma-jasmine-html-reporter": "^1.7.0",
     "lodash": "^4.17.20",
     "ngx-cookie-service": "^20",
+    "postcss": "^8.5.6",
     "properties-to-json": "^0.1.4",
     "rxjs": "~7.8.0",
     "stream": "0.0.2",
+    "tailwindcss": "^4.1.18",
     "timers": "^0.1.1",
     "tslib": "^2.3.0",
     "xml2js": "^0.5.0",
@@ -110,4 +113,4 @@
     "typescript": "~5.8.3",
     "update-browserslist-db": "^1.1.3"
   }
-}
+}
diff --git a/src/app/cdk/is-this-you/is-this-you.component.html b/src/app/cdk/is-this-you/is-this-you.component.html
@@ -41,7 +41,7 @@ <h1 class="mat-headline-4 modal-title">
       </tr>
     </table>
   </div>
-  <div class="fixed">
+  <div class="fixed-container">
     <button
       mat-button
       color="primary"
diff --git a/src/app/cdk/is-this-you/is-this-you.component.scss b/src/app/cdk/is-this-you/is-this-you.component.scss
@@ -15,7 +15,7 @@
   }
 }
 
-.fixed {
+.fixed-container {
   display: flex;
   justify-content: flex-end;
   flex-shrink: 0;
@@ -63,7 +63,7 @@ a:hover {
 
 :host.columns-8,
 :host.columns-4 {
-  .fixed {
+  .fixed-container {
     flex-direction: column;
   }
 }
diff --git a/src/app/home/components/news/news.component.html b/src/app/home/components/news/news.component.html
@@ -41,7 +41,7 @@ <h1 i18n="@@home.latest_news" class="mat-headline-4" id="latest-news">
               {{ new.title }}
             </p>
             <button
-              class="col l-auto m-auto s-auto space-around"
+              class="col l-auto w-auto s-auto space-around"
               mat-raised-button
               (click)="navigate(new.link)"
               color="primary"
diff --git a/src/app/inbox/components/notification/notification.component.html b/src/app/inbox/components/notification/notification.component.html
@@ -25,7 +25,7 @@
       <button
         mat-icon-button
         (click)="archive(); $event.stopPropagation()"
-        [ngClass]="{ hidden: archived }"
+        [ngClass]="{ hide: archived }"
         [attr.aria-label]="ariaLabelArchived"
         [matTooltip]="ariaLabelArchived"
       >
diff --git a/src/app/inbox/components/notification/notification.component.scss b/src/app/inbox/components/notification/notification.component.scss
@@ -113,7 +113,7 @@ button[mat-icon-button] {
   flex-shrink: 0;
 }
 
-.hidden {
+.hide {
   visibility: hidden;
 }
 
diff --git a/src/app/record/components/work-featured/modals/manage-work-featured-modal/manage-work-featured-modal.component.html b/src/app/record/components/work-featured/modals/manage-work-featured-modal/manage-work-featured-modal.component.html
@@ -114,7 +114,7 @@ <h2 class="orc-font-body">
         </div>
       </div>
       @if (works?.length === 5) {
-      <app-alert-message class="mb-4">
+      <app-alert-message class="mbottom-4">
         <h3 title class="orc-font-body" i18n="@@works.maxFeaturedWorks">
           You have the maximum number of featured works
         </h3>
@@ -131,15 +131,18 @@ <h3 title class="orc-font-body" i18n="@@works.maxFeaturedWorks">
   </section>
   <hr />
   <section id="add-featured-works">
-    <h3 class="orc-font-body mb-2" i18n="@@shared.addFeaturedWorks">
+    <h3 class="orc-font-body mbottom-2" i18n="@@shared.addFeaturedWorks">
       Add featured works
     </h3>
-    <div class="orc-font-body-small mb-4" i18n="@@shared.searchFeaturedWorks">
+    <div
+      class="orc-font-body-small mbottom-4"
+      i18n="@@shared.searchFeaturedWorks"
+    >
       Search your public works to find items to feature on your ORCID record.
     </div>
     <form
       role="search"
-      class="search-box orc-font-body-small mb-4"
+      class="search-box orc-font-body-small mbottom-4"
       (submit)="search(searchInput)"
     >
       <div class="input-wrapper">
@@ -166,12 +169,12 @@ <h3 class="orc-font-body mb-2" i18n="@@shared.addFeaturedWorks">
     </form>
     <div class="orc-font-body-small you-searched-for">
       @if (searchResults || searchLengthExceeded) {
-      <div class="mb-4">
+      <div class="mbottom-4">
         <strong i18n="@@shared.youSearchedFor">You searched for:</strong
         >&nbsp;<span>{{ searchedTerm }}</span>
       </div>
       } @if (searchLengthExceeded) {
-      <app-alert-message class="mb-4">
+      <app-alert-message class="mbottom-4">
         <h3 title class="orc-font-body" i18n="@@shared.searchTermTooLong">
           Your search term is too long
         </h3>
@@ -249,7 +252,7 @@ <h3 title class="orc-font-body" i18n="@@shared.tooManyResults">
           }
         </div>
         @if (idx < searchResults.length - 1) {
-        <hr class="mb-0" />
+        <hr class="mbottom-0" />
         } }
       </div>
       } }
diff --git a/src/app/record/components/work-featured/modals/manage-work-featured-modal/manage-work-featured-modal.component.scss b/src/app/record/components/work-featured/modals/manage-work-featured-modal/manage-work-featured-modal.component.scss
@@ -123,16 +123,13 @@
   border: 1px solid;
 }
 
-.mb-2 {
+.mbottom-2 {
   margin-bottom: 8px;
 }
-.mb-4 {
+.mbottom-4 {
   margin-bottom: 16px;
 }
-.mt-2 {
-  margin-top: 8px;
-}
-.mb-0 {
+.mbottom-0 {
   margin-bottom: 0;
 }
 hr {
diff --git a/src/app/record/components/work-stack-group/work-stack-group.component.html b/src/app/record/components/work-stack-group/work-stack-group.component.html
@@ -45,7 +45,7 @@
         class="row works-buttons orc-font-body-small"
         *ngIf="!isPublicRecord"
       >
-        <div class="select-all">
+        <div class="select-all-checkbox">
           <p>
             <mat-checkbox
               [aria-label]="labelSelectAll"
diff --git a/src/app/record/components/work-stack-group/work-stack-group.component.scss b/src/app/record/components/work-stack-group/work-stack-group.component.scss
@@ -34,7 +34,7 @@ p.empty {
 .works-buttons {
   margin: 16px;
 
-  .select-all {
+  .select-all-checkbox {
     margin-left: 10px;
     margin-right: 20px;
   }
diff --git a/src/app/search/components/advance-search/advance-search.component.html b/src/app/search/components/advance-search/advance-search.component.html
@@ -28,11 +28,11 @@ <h1 class="mat-headline-5" i18n="@@layout.searchTitle">Search</h1>
     (ngSubmit)="search()"
   >
     <div class="row firstRow">
-      <mat-form-field appearance="outline" class="col l3 m4 s4 grow">
+      <mat-form-field appearance="outline" class="col l3 m4 s4 growshrink">
         <mat-label i18n="@@ngOrcid.search.firstName">First Name</mat-label>
         <input matInput formControlName="firstName" #searchForm autofocus />
       </mat-form-field>
-      <mat-form-field appearance="outline" class="col l3 m4 s4 grow">
+      <mat-form-field appearance="outline" class="col l3 m4 s4 growshrink">
         <mat-label i18n="@@ngOrcid.search.lastName">Last Name</mat-label>
         <input matInput formControlName="lastName" />
       </mat-form-field>
@@ -53,7 +53,10 @@ <h1 class="mat-headline-5" i18n="@@layout.searchTitle">Search</h1>
           }}"
         />
       </mat-form-field>
-      <mat-form-field appearance="outline" class="keyword col l2 m3 s4 grow">
+      <mat-form-field
+        appearance="outline"
+        class="keyword col l2 m3 s4 growshrink"
+      >
         <mat-label i18n="@@ngOrcid.search.keyword">Keyword</mat-label>
         <input matInput formControlName="keyword" />
       </mat-form-field>
diff --git a/src/app/search/components/advance-search/advance-search.component.scss b/src/app/search/components/advance-search/advance-search.component.scss
@@ -11,7 +11,7 @@
     min-width: 355px;
   }
 
-  .grow {
+  .growshrink {
     flex-shrink: 1;
     flex-grow: 1;
   }
diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
@@ -0,0 +1,12 @@
+@layer theme, base, components, utilities;
+
+@import "tailwindcss/theme.css" layer(theme) source(none);
+@import "tailwindcss/utilities.css" layer(utilities) source(none);
+
+@source not inline("container columns-{1..12}");
+
+@source "../../**/*.{html,ts}";
+@theme {
+  --color-*: initial;
+  --font-*: initial;
+}
diff --git a/src/assets/scss/grid.scss b/src/assets/scss/grid.scss
@@ -163,7 +163,7 @@ $gutter-width: 16px !default;
         @include grid-classes('m', $i, $perc);
         $i: $i + 1;
       }
-      .m-auto {
+      .w-auto {
         width: auto;
       }
     }
diff --git a/src/locale/properties/shared/shared.ar.properties b/src/locale/properties/shared/shared.ar.properties
@@ -166,6 +166,19 @@ shared.worksLearnMore=تعرف على المزيد حول إضافة الأعم
 shared.featuredWorksLearnMore=تعرّف على المزيد حول عرض الأعمال المميزة في سجل ORCID الخاص بك
 shared.employmentDescription=إضافة تفاصيل حول الأماكن التي عملت بها سابقاً أو تعمل بها حالياً.
 shared.employmentLearnMore=تعرف على المزيد حول إضافة الوظائف إلى تسجيلة أوركيد الخاصة بك
+shared.featuredAffiliationSuccessMessageBefore=تم تمييز
+shared.featuredAffiliationSuccessMessageAfter=انتمائك المؤسسي وسيظهر في الجزء العلوي من سجلّك العام. لإلغاء هذا التمييز، انقر على أيقونة النجمة الموجودة بجانب اسم جهة الانتماء التي تتبعها.
+shared.featuredAffiliationLearnMore=تعرّف على المزيد حول تمييز الانتماءات المؤسسية في سجل ORCID الخاص بك
+shared.highlightYourAffiliations=ميِّز انتماءاتك المؤسسية
+shared.featuredAffiliationNoticeMessage=تظهر الانتماءات المُميزة في الجزء العلوي من سجلك العام. لتمييز انتماء معين، انقر على أيقونة النجمة الموجودة بجانب اسم جهة الانتماء التي تتبعها. يمكنك تمييز انتماء واحد فقط في المرة الواحدة.
+shared.featuredAffiliationNoticeMessagePart1=تظهر الانتماءات المُميزة في الجزء العلوي من سجلك العام
+shared.featuredAffiliationNoticeMessagePart2Before=لتمييز انتماء انقر فوق أيقونة
+shared.featuredAffiliationNoticeMessageStar=النجمة
+shared.featuredAffiliationNoticeMessagePart2After=الموجودة بجانب اسم جهة الانتماء.
+shared.featuredAffiliationNoticeMessagePart3=يمكنك تمييز جهة انتماء واحدة فقط في كل مرة.
+shared.makePublicToEnableHighlighting=اجعل هذا الانتماء عامًا لتتمكن من تمييزه
+shared.clickToRemoveHighlight=انقر لإزالة هذا التمييز
+shared.clickToHighlight=انقر لتمييز جهة الانتماء هذه
 shared.view=عرض
 shared.addAnotherId=إضافة معرف آخر
 shared.addId=إضافة معرف
@@ -617,6 +630,7 @@ share.account=إعدادات الحساب - أوركيد
 share.trustedParties=الأطراف الموثوقة - أوركيد
 share.resetPasswordEmail=إعادة تعيين كلمة المرور - أوركيد
 share.selfService=الخدمة الذاتية - أوركيد
+share.deactivateAccount=تعطيل الحساب - ORCID
 share.orcidTitle=- أوركيد
 share.myOrcidTitle=- أوركيد الخاص بي
 share.developerTools=أدوات المطور - أوركيد
diff --git a/src/locale/properties/shared/shared.cs.properties b/src/locale/properties/shared/shared.cs.properties
@@ -166,6 +166,19 @@ shared.worksLearnMore=Další informace o přidávání prací ke svému ORCID z
 shared.featuredWorksLearnMore=Další informace o uvádění prací ve vašem ORCID záznamu
 shared.employmentDescription=Přidejte seznam zaměstnavatelů, kde jste byli profesionálně přidruženi.
 shared.employmentLearnMore=Další informace o přidávání zaměstnání ke svému ORCID záznamu
+shared.featuredAffiliationSuccessMessageBefore=Vaše přidružení
+shared.featuredAffiliationSuccessMessageAfter=bylo zvýrazněno a bude zobrazeno v horní části vašeho veřejného záznamu. Pro odstranění tohoto zvýraznění klikněte na ikonu hvězdičky vedle názvu přidružení.
+shared.featuredAffiliationLearnMore=Zjistěte více o zvýraznění přidružení ve vašem záznamu ORCID
+shared.highlightYourAffiliations=Zvýraznění přidružení
+shared.featuredAffiliationNoticeMessage=Zvýrazněná přidružení se zobrazují v horní části vašeho veřejného záznamu. Pro zvýraznění přidružení klikněte na ikonu hvězdičky vedle názvu přidružení. Najednou můžete zvýraznit pouze jedno přidružení.
+shared.featuredAffiliationNoticeMessagePart1=Zvýrazněná přidružení se zobrazují v horní části vašeho veřejného záznamu.
+shared.featuredAffiliationNoticeMessagePart2Before=Pro zvýraznění přidružení klikněte na ikonu
+shared.featuredAffiliationNoticeMessageStar=hvězdičky
+shared.featuredAffiliationNoticeMessagePart2After=vedle názvu přidružení.
+shared.featuredAffiliationNoticeMessagePart3=Najednou můžete zvýraznit pouze jedno přidružení.
+shared.makePublicToEnableHighlighting=Zveřejněte toto přidružení, aby bylo možné je zvýraznit
+shared.clickToRemoveHighlight=Kliknutím odstraníte toto zvýraznění
+shared.clickToHighlight=Kliknutím odstraníte toto přidružení
 shared.view=Zobrazit
 shared.addAnotherId=Přidat jiný identifikátor
 shared.addId=Přidat identifikátor
@@ -617,6 +630,7 @@ share.account=ORCID – Nastavení účtu
 share.trustedParties=ORCID – Důvěryhodné strany
 share.resetPasswordEmail=ORCID – Obnovení hesla
 share.selfService=ORCID – Samoobslužná služba
+share.deactivateAccount=Deaktivovat účet –⁠⁠⁠⁠⁠⁠ ORCID
 share.orcidTitle=– ORCID
 share.myOrcidTitle=– Můj ORCID
 share.developerTools=ORCID – Nástroje pro vývojáře
diff --git a/src/locale/properties/shared/shared.de.properties b/src/locale/properties/shared/shared.de.properties
@@ -166,6 +166,19 @@ shared.worksLearnMore=Erfahren Sie mehr über das Hinzufügen von Werke zu Ihrem
 shared.featuredWorksLearnMore=Mehr über hervorgehobene Werke in Ihrem ORCID-Eintrag erfahren
 shared.employmentDescription=Fügen Sie Details zu Ihren aktuellen und früheren Arbeitgebern hinzu.
 shared.employmentLearnMore=Erfahren Sie mehr über das Hinzufügen von Arbeitsverhältnisseinformationen zu Ihrem ORCID-Eintrag
+shared.featuredAffiliationSuccessMessageBefore=Ihre Zugehörigkeit
+shared.featuredAffiliationSuccessMessageAfter=wurde hervorgehoben und wird oben in Ihrem öffentlichen Eintrag angezeigt. Um diese Hervorhebung zu entfernen, klicken Sie auf den Stern neben der Zugehörigkeit.
+shared.featuredAffiliationLearnMore=Erfahren Sie mehr darüber, wie Sie eine Zugehörigkeit in Ihrem ORCID-Eintrag hervorheben
+shared.highlightYourAffiliations=Heben Sie eine Zugehörigkeit hervor
+shared.featuredAffiliationNoticeMessage=Eine hervorgehobene Zugehörigkeit wird oben in Ihrem öffentlichen Eintrag angezeigt. Um eine Zugehörigkeit hervorzuheben, klicken Sie auf den Stern neben dieser. Sie können nur eine einzige Zugehörigkeit hervorheben.
+shared.featuredAffiliationNoticeMessagePart1=Die hervorgehobene Zugehörigkeit wird oben in Ihrem öffentlichen Profil angezeigt.
+shared.featuredAffiliationNoticeMessagePart2Before=Um eine Zugehörigkeit hervorzuheben, klicken Sie auf den
+shared.featuredAffiliationNoticeMessageStar=Stern
+shared.featuredAffiliationNoticeMessagePart2After=neben dieser.
+shared.featuredAffiliationNoticeMessagePart3=Sie können nur eine einzige Zugehörigkeit hervorheben.
+shared.makePublicToEnableHighlighting=Machen Sie diese Zugehörigkeit öffentlich, wenn Sie sie hervorheben möchten
+shared.clickToRemoveHighlight=Klicken Sie, um diese Hervorhebung zu entfernen
+shared.clickToHighlight=Klicken Sie, um diese Zugehörigkeit hervorzuheben
 shared.view=Anzeigen
 shared.addAnotherId=Weitere Kennung hinzufügen
 shared.addId=Kennung hinzufügen
@@ -617,6 +630,7 @@ share.account=Kontoreinstellungen – ORCID
 share.trustedParties=Vertrauenswürdige Parteien – ORCID
 share.resetPasswordEmail=Passwortzurücksetzung – ORCID
 share.selfService=Self Service – ORCID
+share.deactivateAccount=Konto deaktivieren – ORCID
 share.orcidTitle=– ORCID
 share.myOrcidTitle=– Mein ORCID
 share.developerTools=Entwicklerwerkzeuge – ORCID
diff --git a/src/locale/properties/shared/shared.es.properties b/src/locale/properties/shared/shared.es.properties
@@ -166,6 +166,19 @@ shared.worksLearnMore=Obtenga más información sobre cómo añadir obras a su r
 shared.featuredWorksLearnMore=Obtenga más información sobre cómo destacar obras en su registro ORCID
 shared.employmentDescription=Añada información sobre organizaciones a las que haya estado afiliado profesionalmente.
 shared.employmentLearnMore=Obtenga más información sobre cómo añadir empleos a su registro de ORCID
+shared.featuredAffiliationSuccessMessageBefore=Su afiliación
+shared.featuredAffiliationSuccessMessageAfter=se mostrará como destacada en la parte superior de su registro público. Si no quiere que se muestre como destacada, haga clic en el icono con forma de estrella que aparece junto al nombre de la afiliación.
+shared.featuredAffiliationLearnMore=Obtenga más información sobre cómo destacar afiliaciones en su registro ORCID
+shared.highlightYourAffiliations=Destaque sus afiliaciones
+shared.featuredAffiliationNoticeMessage=Las afiliaciones destacadas se muestran en la parte superior de su registro público. Si desea destacar una afiliación, haga clic en el icono de la estrella que aparece junto al nombre de la misma. Solo puede destacar afiliaciones de forma individual.
+shared.featuredAffiliationNoticeMessagePart1=Las afiliaciones destacadas se muestran en la parte superior de su registro público.
+shared.featuredAffiliationNoticeMessagePart2Before=Si desea destacar una afiliación, haga clic en el icono con forma de
+shared.featuredAffiliationNoticeMessageStar=estrella
+shared.featuredAffiliationNoticeMessagePart2After=que aparece junto al nombre de la misma.
+shared.featuredAffiliationNoticeMessagePart3=Solo puede destacar afiliaciones de forma individual.
+shared.makePublicToEnableHighlighting=Haga pública esta afiliación para poder destacarla
+shared.clickToRemoveHighlight=Haga clic para quitarla como destacada
+shared.clickToHighlight=Haga clic para destacar esta afiliación
 shared.view=Ver
 shared.addAnotherId=Añadir otro identificador
 shared.addId=Añadir un identificador
@@ -617,6 +630,7 @@ share.account=Configuración de cuenta - ORCID
 share.trustedParties=Partes de confianza - ORCID
 share.resetPasswordEmail=Restablecer contraseña - ORCID
 share.selfService=Autoservicio - ORCID
+share.deactivateAccount=Desactivar cuenta - ORCID
 share.orcidTitle=- ORCID
 share.myOrcidTitle=- Mi ORCID
 share.developerTools=Herramientas de desarrollador - ORCID
diff --git a/src/locale/properties/shared/shared.fr.properties b/src/locale/properties/shared/shared.fr.properties
diff --git a/src/locale/properties/shared/shared.it.properties b/src/locale/properties/shared/shared.it.properties
diff --git a/src/locale/properties/shared/shared.ja.properties b/src/locale/properties/shared/shared.ja.properties
diff --git a/src/locale/properties/shared/shared.ko.properties b/src/locale/properties/shared/shared.ko.properties
diff --git a/src/locale/properties/shared/shared.pl.properties b/src/locale/properties/shared/shared.pl.properties
diff --git a/src/locale/properties/shared/shared.pt.properties b/src/locale/properties/shared/shared.pt.properties
diff --git a/src/locale/properties/shared/shared.ru.properties b/src/locale/properties/shared/shared.ru.properties
diff --git a/src/locale/properties/shared/shared.tr.properties b/src/locale/properties/shared/shared.tr.properties
diff --git a/src/locale/properties/shared/shared.zh_CN.properties b/src/locale/properties/shared/shared.zh_CN.properties
diff --git a/src/locale/properties/shared/shared.zh_TW.properties b/src/locale/properties/shared/shared.zh_TW.properties
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+{ "plugins": { "@tailwindcss/postcss": {} } }`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`
`18`		`-.fixed {`
	`18`	`+.fixed-container {`
`19`	`19`	`display: flex;`
`20`	`20`	`justify-content: flex-end;`
`21`	`21`	`flex-shrink: 0;`
`@@ -63,7 +63,7 @@ a:hover {`
`63`	`63`
`64`	`64`	`:host.columns-8,`
`65`	`65`	`:host.columns-4 {`
`66`		`- .fixed {`
	`66`	`+ .fixed-container {`
`67`	`67`	`flex-direction: column;`
`68`	`68`	`}`
`69`	`69`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@`
`25`	`25`	`<button`
`26`	`26`	`mat-icon-button`
`27`	`27`	`(click)="archive(); $event.stopPropagation()"`
`28`		`- [ngClass]="{ hidden: archived }"`
	`28`	`+ [ngClass]="{ hide: archived }"`
`29`	`29`	`[attr.aria-label]="ariaLabelArchived"`
`30`	`30`	`[matTooltip]="ariaLabelArchived"`
`31`	`31`	`>`
Original file line number	Diff line number	Diff line change
`@@ -113,7 +113,7 @@ button[mat-icon-button] {`
`113`	`113`	`flex-shrink: 0;`
`114`	`114`	`}`
`115`	`115`
`116`		`-.hidden {`
	`116`	`+.hide {`
`117`	`117`	`visibility: hidden;`
`118`	`118`	`}`
`119`	`119`