fix: separate about screen title from translations (#836)

* fix: separate about screen title from translations

* chore: format with ruff's evil twin

Author: CyanVoxel

tagstudio/resources/translations/de.json

@@ -1,5 +1,5 @@
 {
-    "about.content": "<h2>TagStudio Alpha {version} ({branch})</h2><p>TagStudio ist eine Anwendung zum organisieren von Fotos & Dateien mit einem zugrunde liegendem Tag-basierten System, welches sich darauf konzentriert, dem Nutzer Freiraum und Flexibilität zu bieten. Keine proprietären Programme oder Formate, kein Meer an Hilfsdateien und keine komplette Umwälzung deiner Dateisystemstruktur.</p>Lizenz: GPLv3<br>Konfigurations-Pfad: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Dokumentation</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
+    "about.content": "<p>TagStudio ist eine Anwendung zum organisieren von Fotos & Dateien mit einem zugrunde liegendem Tag-basierten System, welches sich darauf konzentriert, dem Nutzer Freiraum und Flexibilität zu bieten. Keine proprietären Programme oder Formate, kein Meer an Hilfsdateien und keine komplette Umwälzung deiner Dateisystemstruktur.</p>Lizenz: GPLv3<br>Konfigurations-Pfad: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Dokumentation</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
     "about.title": "Über",
     "app.git": "Git Commit",
     "app.pre_release": "Pre-Release",

tagstudio/resources/translations/en.json

@@ -83,8 +83,8 @@
     "folders_to_tags.description": "Creates tags based on your folder structure and applies them to your entries.\n The structure below shows all the tags that will be created and what entries they will be applied to.",
     "folders_to_tags.open_all": "Open All",
     "folders_to_tags.title": "Create Tags From Folders",
-    "about.title": "About",
-    "about.content": "<h2>TagStudio Alpha {version} ({branch})</h2><p>TagStudio is a photo & file organization application with an underlying tag-based system that focuses on giving freedom and flexibility to the user. No proprietary programs or formats, no sea of sidecar files, and no complete upheaval of your filesystem structure.</p>License: GPLv3<br>Config path: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentation</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
+    "about.title": "About TagStudio",
+    "about.content": "<p>TagStudio is a photo & file organization application with an underlying tag-based system that focuses on giving freedom and flexibility to the user. No proprietary programs or formats, no sea of sidecar files, and no complete upheaval of your filesystem structure.</p>License: GPLv3<br>Config path: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentation</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
     "generic.add": "Add",
     "generic.apply_alt": "&Apply",
     "generic.apply": "Apply",

tagstudio/resources/translations/es.json

@@ -1,5 +1,5 @@
 {
-    "about.content": "<h2>TagStudio Alpha {version} ({branch})</h2><p>TagStudio es una aplicación de fotografías y archivos con un sistema de etiquetas subyacentes que se centra en dar libertad y flexibilidad al usuario. Sin programas ni formatos propios, ni un mar de archivos y sin trastornar completamente tu sistema de estructurar los archivos.</p>. Licencia: GPLv3<br>Archivo de configuración: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentación</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
+    "about.content": "<p>TagStudio es una aplicación de fotografías y archivos con un sistema de etiquetas subyacentes que se centra en dar libertad y flexibilidad al usuario. Sin programas ni formatos propios, ni un mar de archivos y sin trastornar completamente tu sistema de estructurar los archivos.</p>. Licencia: GPLv3<br>Archivo de configuración: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentación</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
     "about.title": "Acerca de",
     "app.git": "Git Commit",
     "app.pre_release": "Previas al lanzamiento",

tagstudio/resources/translations/fil.json

@@ -1,5 +1,5 @@
 {
-    "about.content": "<h2>TagStudio Alpha {version} ({branch})</h2><p>Ang TagStudio ay isang application ng pagsasaayos ng file at larawan na may pinagbabatayan na tag-based na sistema na nakatutok sa pagbibigay ng kalayaan at kakayahang umangkop sa user. Walang mga proprietary na format o program, walang dagat ng mga sidecar file, at walang kaguluhan ng iyong estruktura ng filesystem.</p>Lisensya: GPLv3<br>Path ng config: {config_path}<br>FFMpeg: {ffmpeg}<br>FFProbe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Dokumentasyon</a> | <a href=\"https://discord.gg/invite/hRNnVKhF2G\">Discord</a></p>",
+    "about.content": "<p>Ang TagStudio ay isang application ng pagsasaayos ng file at larawan na may pinagbabatayan na tag-based na sistema na nakatutok sa pagbibigay ng kalayaan at kakayahang umangkop sa user. Walang mga proprietary na format o program, walang dagat ng mga sidecar file, at walang kaguluhan ng iyong estruktura ng filesystem.</p>Lisensya: GPLv3<br>Path ng config: {config_path}<br>FFMpeg: {ffmpeg}<br>FFProbe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Dokumentasyon</a> | <a href=\"https://discord.gg/invite/hRNnVKhF2G\">Discord</a></p>",
     "about.title": "Tungkol sa",
     "app.git": "Git Commit",
     "app.pre_release": "Pre-Release",

tagstudio/resources/translations/fr.json

@@ -1,5 +1,5 @@
 {
-    "about.content": "<h2>TagStudio Alpha {version} ({branch})</h2><p>TagStudio est une application d'organisation de photos et de fichiers avec un système de tags qui mets en avant la liberté et flexibilité à l'utilisateur. Pas de programmes ou de formats propriétaires, pas la moindre trace de fichiers secondaires, et pas de bouleversement complet de la structure de votre système de fichiers.</p>License: GPLv3<br>Chemin de configuration: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentation</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
+    "about.content": "<p>TagStudio est une application d'organisation de photos et de fichiers avec un système de tags qui mets en avant la liberté et flexibilité à l'utilisateur. Pas de programmes ou de formats propriétaires, pas la moindre trace de fichiers secondaires, et pas de bouleversement complet de la structure de votre système de fichiers.</p>License: GPLv3<br>Chemin de configuration: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentation</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
     "about.title": "À propos",
     "app.git": "Git Commit",
     "app.pre_release": "Version Préliminaire",

tagstudio/resources/translations/hu.json

@@ -1,5 +1,5 @@
 {
-    "about.content": "<h2>TagStudio Alfa {version} ({branch})</h2><p>A TagStudio egy fénykép- és fájlkezelő program, mely címkék segítségével nyújt felhasználói szabadságot és rugalmasságot. A TagStudio nem használ jogvédett formátumokat, társfájlokat és nem fordítja a feje tetejére a már létező fájlrendszert.</p>Licenc: GPLv3<br>Konfigurációs fájl: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub-adattár</a> | <a href=\"https://docs.tagstud.io\">Dokumentáció</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord-szerver</a></p>",
+    "about.content": "<p>A TagStudio egy fénykép- és fájlkezelő program, mely címkék segítségével nyújt felhasználói szabadságot és rugalmasságot. A TagStudio nem használ jogvédett formátumokat, társfájlokat és nem fordítja a feje tetejére a már létező fájlrendszert.</p>Licenc: GPLv3<br>Konfigurációs fájl: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub-adattár</a> | <a href=\"https://docs.tagstud.io\">Dokumentáció</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord-szerver</a></p>",
     "about.title": "Névjegy",
     "app.git": "Git-véglegesítés",
     "app.pre_release": "Kísérleti verzió",

tagstudio/resources/translations/pt_BR.json

@@ -1,5 +1,5 @@
 {
-    "about.content": "<h2>TagStudio Alpha {version} ({branch})</h2><p>TagStudio é uma aplicação de organização de fotos e arquivos com um sistema de tags que tem como foco conceder liberdade e flexibilidade ao usuário. Sem programas ou formatos proprietários, sem imensidão de arquivos Sidecar, e sem total transtorno de sua estrutura de sistema de arquivos.</p>Licença: GPLv3<br>Diretório de Configuração: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentação</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
+    "about.content": "<p>TagStudio é uma aplicação de organização de fotos e arquivos com um sistema de tags que tem como foco conceder liberdade e flexibilidade ao usuário. Sem programas ou formatos proprietários, sem imensidão de arquivos Sidecar, e sem total transtorno de sua estrutura de sistema de arquivos.</p>Licença: GPLv3<br>Diretório de Configuração: {config_path}<br>FFmpeg: {ffmpeg}<br>FFprobe: {ffprobe}<p><a href=\"https://github.com/TagStudioDev/TagStudio\">GitHub</a> | <a href=\"https://docs.tagstud.io\">Documentação</a> | <a href=\"https://discord.com/invite/hRNnVKhF2G\">Discord</a></p>",
     "about.title": "Sobre",
     "app.git": "Confirmação do Git",
     "app.pre_release": "Pré-Lançamento",

tagstudio/src/qt/modals/about.py

@@ -8,6 +8,7 @@
 from PySide6.QtGui import QPixmap
 from PySide6.QtWidgets import QHBoxLayout, QLabel, QPushButton, QVBoxLayout, QWidget
 from src.core.constants import VERSION, VERSION_BRANCH
+from src.core.palette import ColorType, UiColor, get_ui_color
 from src.qt.modals.ffmpeg_checker import FfmpegChecker
 from src.qt.resource_manager import ResourceManager
 from src.qt.translations import Translations
@@ -22,9 +23,11 @@ def __init__(self, config_path):
         self.rm: ResourceManager = ResourceManager()
 
         self.setWindowModality(Qt.WindowModality.ApplicationModal)
-        self.setMinimumSize(400, 500)
+        self.setMinimumSize(360, 480)
         self.root_layout = QVBoxLayout(self)
-        self.root_layout.setContentsMargins(20, 20, 20, 6)
+        self.root_layout.setContentsMargins(24, 24, 24, 6)
+        self.root_layout.setSpacing(12)
+        self.root_layout.setAlignment(Qt.AlignmentFlag.AlignTop)
 
         self.logo_widget = QLabel()
         self.logo_widget.setObjectName("logo")
@@ -34,40 +37,45 @@ def __init__(self, config_path):
         )
         self.logo_widget.setPixmap(self.logo_pixmap)
         self.logo_widget.setAlignment(Qt.AlignmentFlag.AlignHCenter)
-        self.logo_widget.setContentsMargins(0, 0, 0, 20)
+        self.logo_widget.setContentsMargins(0, 0, 0, 24)
 
         ff_version = self.fc.version()
-        ffmpeg = '<span style="color:red">Missing</span>'
+        red = get_ui_color(ColorType.PRIMARY, UiColor.RED)
+        green = get_ui_color(ColorType.PRIMARY, UiColor.GREEN)
+
+        ffmpeg = f'<span style="color:{red}">Missing</span>'
         if ff_version["ffmpeg"] is not None:
-            ffmpeg = '<span style="color:green">Found</span> (' + ff_version["ffmpeg"] + ")"
-        ffprobe = '<span style="color:red">Missing</span>'
+            ffmpeg = f'<span style="color:{green}">Found</span> (' + ff_version["ffmpeg"] + ")"
+
+        ffprobe = f'<span style="color:{red}">Missing</span>'
         if ff_version["ffprobe"] is not None:
-            ffprobe = '<span style="color:green">Found</span> (' + ff_version["ffprobe"] + ")"
-        self.content_widget = QLabel(
+            ffprobe = f'<span style="color:{green}">Found</span> (' + ff_version["ffprobe"] + ")"
+
+        branch: str = (" (" + VERSION_BRANCH + ")") if VERSION_BRANCH else ""
+        self.title_label = QLabel(f"<h2>TagStudio Alpha {VERSION}{branch}</h2>")
+        self.title_label.setAlignment(Qt.AlignmentFlag.AlignHCenter)
+
+        self.content_label = QLabel(
             Translations.format(
-                "about.content",
-                version=VERSION,
-                branch=VERSION_BRANCH,
-                config_path=config_path,
-                ffmpeg=ffmpeg,
-                ffprobe=ffprobe,
+                "about.content", config_path=config_path, ffmpeg=ffmpeg, ffprobe=ffprobe
             )
         )
-        self.content_widget.setObjectName("contentLabel")
-        self.content_widget.setWordWrap(True)
-        self.content_widget.setOpenExternalLinks(True)
-        self.content_widget.setAlignment(Qt.AlignmentFlag.AlignHCenter)
+        self.content_label.setObjectName("contentLabel")
+        self.content_label.setWordWrap(True)
+        self.content_label.setOpenExternalLinks(True)
+        self.content_label.setAlignment(Qt.AlignmentFlag.AlignHCenter)
 
         self.button_widget = QWidget()
         self.button_layout = QHBoxLayout(self.button_widget)
         self.button_layout.addStretch(1)
 
         self.close_button = QPushButton(Translations["generic.close"])
         self.close_button.clicked.connect(lambda: self.close())
-        self.close_button.setMaximumWidth(80)
 
         self.button_layout.addWidget(self.close_button)
 
         self.root_layout.addWidget(self.logo_widget)
-        self.root_layout.addWidget(self.content_widget, Qt.AlignmentFlag.AlignTop)
+        self.root_layout.addWidget(self.title_label)
+        self.root_layout.addWidget(self.content_label)
+        self.root_layout.addStretch(1)
         self.root_layout.addWidget(self.button_widget)