Add alignment test

Evertras · Jan 29, 2024 · 0dbdaec · 0dbdaec
1 parent 9fb4a5b
commit 0dbdaec
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 0 deletions.
diff --git a/Makefile b/Makefile
@@ -11,6 +11,10 @@ demo-clocks: git-hooks
 demo-command: git-hooks
 	@go run ./cmd/yakdash/main.go -c examples/command.yaml
 
+.PHONY: demo-alignment
+demo-alignment: git-hooks
+	@go run ./cmd/yakdash/main.go -c examples/alignment.yaml
+
 ################################################################################
 # Build
 bin/yakdash: git-hooks $(GO_FILES)

diff --git a/examples/alignment.yaml b/examples/alignment.yaml
@@ -0,0 +1,73 @@
+layout:
+  screens:
+    - stack: vertical
+      children:
+        - stack: horizontal
+          children:
+            - name: "TL"
+              module: text
+              style:
+                align-vertical: top
+                align-horizontal: left
+              config:
+                text: "Top left"
+            - name: "TC"
+              module: text
+              config:
+                text: "Top center"
+              style:
+                align-vertical: top
+                align-horizontal: center
+            - name: "TR"
+              module: text
+              config:
+                text: "Top right"
+              style:
+                align-vertical: top
+                align-horizontal: right
+        - stack: horizontal
+          children:
+            - name: "CL"
+              module: text
+              style:
+                align-vertical: center
+                align-horizontal: left
+              config:
+                text: "Center left"
+            - name: "CC"
+              module: text
+              config:
+                text: "Center center"
+              style:
+                align-vertical: center
+                align-horizontal: center
+            - name: "CR"
+              module: text
+              config:
+                text: "Center right"
+              style:
+                align-vertical: center
+                align-horizontal: right
+        - stack: horizontal
+          children:
+            - name: "BL"
+              module: text
+              style:
+                align-vertical: bottom
+                align-horizontal: left
+              config:
+                text: "Bottom left"
+            - name: "BC"
+              module: text
+              config:
+                text: "Bottom center"
+              style:
+                align-vertical: bottom
+                align-horizontal: center
+            - name: "BR"
+              module: text
+              config:
+                text: "Bottom right"
+              style:
+                align-vertical: bottom
+                align-horizontal: right