Add collapsing tray to waybar (#130)

Co-authored-by: David Heinemeier Hansson <david@hey.com>

config/waybar/config

@@ -10,6 +10,7 @@
       "clock"
     ],
     "modules-right": [
+      "group/tray-expander",
       "bluetooth",
       "network",
       "pulseaudio",
@@ -102,5 +103,24 @@
       "format-icons": {
         "default": ["", "", ""]
       }
+    },
+    "group/tray-expander": {
+      "orientation": "inherit",
+      "drawer": {
+        "transition-duration": 600,
+        "children-class": "tray-group-item"
+      },
+      "modules": [
+        "custom/expand-icon",
+        "tray"
+      ]
+    },
+    "custom/expand-icon": {
+      "format": " ",
+      "tooltip": false
+    },
+    "tray": {
+      "icon-size": 12,
+      "spacing": 12
     }
 }

config/waybar/style.css

@@ -17,6 +17,7 @@
 }
 
 #custom-dropbox,
+#tray,
 #cpu,
 #battery,
 #network,
@@ -28,6 +29,10 @@
   margin-right: 13px;
 }
 
+#custom-expand-icon {
+  margin-right: 12px;
+}
+
 tooltip {
   padding: 2px;
 }