✨ Custom column counts for gridstack #613 #660

public/locales/en/settings/customization/color-selector.json

@@ -1,3 +1,4 @@
 {
+  "colors": "Colors",
   "suffix": "{{color}} color"
 }

public/locales/en/settings/customization/general.json

@@ -0,0 +1,21 @@
+{
+  "text": "Customizations allow you to configure and adjust your experience with Homarr to your preferences.",
+  "accordeon": {
+    "layout": {
+      "name": "Layout",
+      "description": "Enable and disable elements on your header and dashboard tiles"
+    },
+    "gridstack": {
+      "name": "Gridstack",
+      "description": "Customize the behaviour and columns of your dashboard area"
+    },
+    "pageMetadata": {
+      "name": "Page Metadata",
+      "description": "Adjust titles, logo and PWA"
+    },
+    "appereance": {
+      "name": "Appereance",
+      "description": "Customize the background, colors and apps appereance"
+    }
+  }
+}

public/locales/en/settings/customization/gridstack.json

@@ -0,0 +1,10 @@
+{
+  "columnsCount": {
+    "labelPreset": "Columns in {{size}} size",
+    "descriptionPreset": "Number of columns when the screen is less than {{pixels}} pixels wide",
+    "descriptionExceedsPreset": "Number of columns when the screen size exceeds {{pixels}} pixels"
+  },
+  "unsavedChanges": "You have unsaved changes. Click the Apply changes button below to apply and save.",
+  "applyChanges": "Apply changes",
+  "defaultValues": "Default values"
+}

public/locales/en/settings/customization/page-appearance.json

@@ -1,22 +1,28 @@
 {
   "pageTitle": {
-    "label": "Page Title"
+    "label": "Page Title",
+    "description": "The dashboard title at the top left"
   },
   "metaTitle": {
-    "label": "Meta Title"
+    "label": "Meta Title",
+    "description": "The title, that is being displayed as your tab name"
   },
   "logo": {
-    "label": "Logo"
+    "label": "Logo",
+    "description": "The dashboard logo at the top left"
   },
   "favicon": {
-    "label": "Favicon"
+    "label": "Favicon",
+    "description": "The icon, that is being used in front of your tab name"
   },
   "background": {
     "label": "Background"
   },
   "customCSS": {
     "label": "Custom CSS",
-    "placeholder": "Custom CSS will be applied last"
+    "description": "Customize all elements on your dashboard, only recommended for experienced users",
+    "placeholder": "Custom CSS will be applied last",
+    "applying": "Applying CSS..."
   },
   "buttons": {
     "submit": "Submit"