Version 0.1.0

2025-07-31 15:27:34 +02:00
parent c2943bbe7b
commit d111c5e8ee
54 changed files with 7288 additions and 100 deletions
@@ -0,0 +1,88 @@
+/* ========================================
+   SORT CONTROLS STYLING
+   ======================================== */
+
+/* Clean styling for sort controls */
+.sort-controls {
+  display: flex !important;
+  align-items: center !important;
+  gap: 8px !important;
+  padding: 12px 16px !important;
+  background: var(--tree-bg) !important;
+  border: 1px solid var(--border-color) !important;
+  border-radius: 8px !important;
+  margin-right: 1rem !important;
+}
+
+.sort-label {
+  font-size: 0.9rem !important;
+  color: var(--text-color) !important;
+  margin-right: 8px !important;
+  font-weight: 500 !important;
+}
+
+/* Button styling using theme variables */
+.sort-btn {
+  background: var(--card-bg) !important;
+  border: 1px solid var(--border-color) !important;
+  border-radius: 6px !important;
+  padding: 8px 12px !important;
+  cursor: pointer !important;
+  transition: all 0.2s ease !important;
+  font-size: 0.85rem !important;
+  color: var(--text-color) !important;
+  display: flex !important;
+  align-items: center !important;
+  gap: 4px !important;
+  outline: none !important;
+  text-decoration: none !important;
+  font-family: inherit !important;
+}
+
+.sort-btn:hover {
+  background: var(--button-bg) !important;
+  color: white !important;
+  transform: translateY(-1px) !important;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+  border-color: var(--button-bg) !important;
+}
+
+.sort-btn.active {
+  background: var(--button-bg) !important;
+  color: white !important;
+  border-color: var(--button-bg) !important;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+}
+
+.sort-order-btn {
+  background: var(--card-bg) !important;
+  border: 1px solid var(--border-color) !important;
+  border-radius: 6px !important;
+  padding: 8px 12px !important;
+  cursor: pointer !important;
+  transition: all 0.2s ease !important;
+  font-size: 1rem !important;
+  color: var(--text-color) !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  min-width: 36px !important;
+  outline: none !important;
+  text-decoration: none !important;
+  font-family: inherit !important;
+}
+
+.sort-order-btn:hover {
+  background: var(--button-bg) !important;
+  color: white !important;
+  transform: translateY(-1px) !important;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+  border-color: var(--button-bg) !important;
+}
+
+.sort-order-btn.active {
+  background: var(--button-bg) !important;
+  color: white !important;
+  border-color: var(--button-bg) !important;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+}