feat: add date widget

eww/actions/actions.scss

@@ -1,8 +1,7 @@
 .actions {
   background-color: $bg;
   color: $fg;
-  //font-family: Product Sans;
-  font-family: Ubuntu Mono;
+  font-family: Product Sans;
   border-radius: 30px;
   border: 5px solid $contrastbg;
   padding: 10px 18px;
@@ -10,7 +9,7 @@
 
 .controlsbox {
   background-color: $contrastbg;
-  border-radius: 7px;
+  border-radius: 15px;
   padding: 7px 12px;
 
   .vol-slider {
@@ -81,8 +80,7 @@
     font-size: 14px;
   }
   .username {
-    //font-family: Product Sans;
-    font-family: Ubuntu Mono;
+    font-family: Product Sans;
   }
   .useractions {
     .logout {

eww/date/date.scss

@@ -1,7 +1,8 @@
 .date {
   background-color: $bg;
   color: $fg;
-  border-radius: 4px;
+  border-radius: 30px;
+  border: 5px solid $contrastbg;
 }
 
 .timebox {
@@ -68,4 +69,4 @@ calendar.highlight {
 
 calendar:indeterminate {
   color: $lightblack;
-}
+}

eww/date/date.yuck

@@ -48,10 +48,10 @@
 
 (defwindow date
   :monitor 0
-  :geometry (geometry :x "6px"
-                      :y "-44px"
+  :geometry (geometry :x "70px"
+                      :y "4px"
                       :width "0px" ; automatically generated
                       :height "0px" ; automatically generated
-                      :anchor "left bottom")
+                      :anchor "top right")
   :wm-ignore true
 (date))

waybar/config

@@ -23,8 +23,9 @@
         "spacing": 5
     },
     "clock": {
-        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
-        "format-alt": "{:%Y-%m-%d}"
+        "on-click": "$HOME/.config/waybar/scripts/date-toggle.sh",
+	//"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        //"format-alt": "{:%Y-%m-%d}"
     },
     "cpu": {
         "format": "{usage}% ",

waybar/scripts/date-toggle.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+if [[ $(eww state | grep calendar_month) ]]; then
+	eww close date && eww close closer
+else
+	eww close-all
+	eww open date && eww open closer
+fi

waybar/scripts/quick-toggle.sh

@@ -3,5 +3,6 @@
 if [[ $(eww state | grep br_icon) ]]; then
 	eww close actions && eww close closer
 else
+	eww close-all
 	eww open actions && eww open closer
 fi