✨ Custom column counts for gridstack #613 #660

public/locales/en/common.json

@@ -24,5 +24,11 @@
     "seconds": "seconds",
     "minutes": "minutes",
     "hours": "hours"
+  },
+  "loading": "Loading...",
+  "breakPoints": {
+    "small": "small",
+    "medium": "medium",
+    "large": "large"
   }
 }

public/locales/en/layout/header/actions/toggle-edit-mode.json

@@ -7,10 +7,5 @@
     "popover": {
         "title": "Edit mode is enabled for  <1>{{size}}</1> size",
         "text": "You can adjust and configure your apps now. Changes are <strong>not saved</strong> until you exit edit mode"
-    },
-    "screenSizes": {
-        "small": "small",
-        "medium": "medium",
-        "large": "large"
     }
 }

public/locales/en/layout/modals/about.json

@@ -1,7 +1,13 @@
 {
 	"description": "Homarr is a <strong>sleek</strong>, <strong>modern</strong> dashboard that puts all of your apps and services at your fingertips. With Homarr, you can access and control everything in one convenient location. Homarr seamlessly integrates with the apps you've added, providing you with valuable information and giving you complete control. Installation is a breeze, and Homarr supports a wide range of deployment methods.",
-	"i18n": "Loaded I18n translation namespaces",
-	"locales": "Configured I18n locales",
 	"contact": "Having trouble or questions? Connect with us!",
-	"addToDashboard": "Add to Dashboard"
-}
+	"addToDashboard": "Add to Dashboard",
+	"metrics": {
+		"configurationSchemaVersion": "Configuration schema version",
+		"configurationsCount": "Available configurations",
+		"version": "Version",
+		"nodeEnvironment": "Node environment",
+		"i18n": "Loaded I18n translation namespaces",
+		"locales": "Configured I18n locales"
+	}
+}

public/locales/en/settings/common.json

@@ -18,7 +18,11 @@
   },
   "grow": "Grow grid (take all space)",
   "layout": {
-    "title": "Dashboard layout",
+    "preview": {
+      "title": "Preview",
+      "subtitle": "Changes will be saved automatically"
+    },
+    "divider": "Layout options",
     "main": "Main",
     "sidebar": "Sidebar",
     "cannotturnoff": "Cannot be turned off",

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"