fix(tags): reduce the size of tags

Co-Authored-by: Pascal Repond <[email protected]>

Author: PascalRepond

package-lock.json

@@ -55,6 +55,7 @@
     "@angular/cli": "^19.2.0",
     "@angular/compiler-cli": "^19.2.0",
     "@angular/language-service": "^19.2.0",
+    "@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
     "@ngx-formly/schematics": "^7.0.0-alpha.1",
     "@tailwindcss/postcss": "^4.0.8",
     "@types/jasmine": "~5.1.0",

package.json

@@ -14,7 +14,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { _ } from "@ngx-translate/core";
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 
 // Languages
 _('de');

projects/rero/ng-core/src/lib/manual_translations.ts

@@ -717,15 +717,15 @@ export const primeNGConfig = {
         },
         tag: {
           root: {
-            fontSize: "0.875rem",
-            fontWeight: "700",
-            padding: "0.25rem 0.5rem",
+            fontSize: "0.8rem",
+            fontWeight: "600",
+            padding: "0.15rem 0.5rem",
             gap: "0.25rem",
             borderRadius: "{content.border.radius}",
             roundedBorderRadius: "{border.radius.xl}"
           },
           icon: {
-            size: "0.75rem"
+            size: "0.5rem"
           },
           colorScheme: {
               light: {
@@ -734,7 +734,7 @@ export const primeNGConfig = {
                       color: "{primary.700}"
                   },
                   secondary: {
-                      background: "{surface.400}",
+                      background: "{surface.500}",
                       color: "{surface.0}"
                   },
                   success: {

projects/rero/ng-core/src/lib/primeng-config.ts

@@ -16,7 +16,7 @@
  */
 import { inject } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
-import { _ } from "@ngx-translate/core";
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { FormlyExtension, FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { TranslateService } from '@ngx-translate/core';
 import { isObservable, of } from 'rxjs';