From a1fc6b6cb105b3b73d89d0dbc9be000cfcd71316 Mon Sep 17 00:00:00 2001
From: Quorafind <bonopengate@gmail.com>
Date: Tue, 21 Oct 2025 21:15:06 +0800
Subject: [PATCH] style(fluent): add responsive tab text hiding for narrow
 views

Add container query support to hide tab text when view width is below 800px.
This improves UI on smaller screens by showing only icons in view tabs.
---
 src/styles/fluent/fluent-main.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/styles/fluent/fluent-main.css b/src/styles/fluent/fluent-main.css
index 8f4342c8..56a36257 100644
--- a/src/styles/fluent/fluent-main.css
+++ b/src/styles/fluent/fluent-main.css
@@ -923,3 +923,13 @@ button.fluent-new-task-btn:hover {
 		right: 160px;
 	}
 }
+
+.view-content.task-genius-fluent-view.task-genius-view {
+	container-type: inline-size;
+}
+
+@container (width < 800px) {
+	button.fluent-view-tab.clickable-icon span {
+		display: none;
+	}
+}