diff --git a/cstyle/transformers/ul/main.go b/cstyle/transformers/ul/main.go
index 6ad8ec3..65e961c 100644
--- a/cstyle/transformers/ul/main.go
+++ b/cstyle/transformers/ul/main.go
@@ -17,0 +18,2 @@ func Init() cstyle.Transformer {
+ tN := n.CreateElement(n.TagName)
+ tN.Properties.Id = n.Properties.Id
@@ -19,0 +22 @@ func Init() cstyle.Transformer {
+ tN.AppendChild(v)
@@ -22 +25,2 @@ func Init() cstyle.Transformer {
- dot := v.CreateElement("div")
+ li := n.CreateElement("li")
+ dot := li.CreateElement("div")
@@ -29 +33 @@ func Init() cstyle.Transformer {
- content := v.CreateElement("div")
+ content := li.CreateElement("div")
@@ -35 +39 @@ func Init() cstyle.Transformer {
-
+ // content.CStyle = c.QuickStyles(&content)
@@ -37,2 +41,3 @@ func Init() cstyle.Transformer {
- v.AppendChild(&dot)
- v.AppendChild(&content)
+ li.AppendChild(&dot)
+ li.AppendChild(&content)
+ li.Parent = n
@@ -41,0 +47 @@ func Init() cstyle.Transformer {
+ // li.CStyle = c.QuickStyles(&li)
@@ -43 +49 @@ func Init() cstyle.Transformer {
- n.Children[i] = v
+ tN.AppendChild(&li)
@@ -44,0 +51 @@ func Init() cstyle.Transformer {
+ n.Children = tN.Children
package ul
import (
"grim/cstyle"
"grim/element"
)
func Init() cstyle.Transformer {
return cstyle.Transformer{
Selector: func(n *element.Node, c *cstyle.CSS) bool {
return n.TagName == "ul"
},
Handler: func(n *element.Node, c *cstyle.CSS) *element.Node {
// The reason tN (temporary Node) is used, is because we have to go through the n.Children and it makes it hard to insert/remove the old one
// its better to just replace it
// !ISSUE: make stylable
for i, v := range n.Children {
if v.TagName != "li" {
continue
}
dot := v.CreateElement("div")
dot.Style("background", "#000")
dot.Style("border-radius", "100px")
dot.Style("width", "5px")
dot.Style("height", "5px")
dot.Style("margin-right", "10px")
content := v.CreateElement("div")
content.InnerText = v.InnerText
for k, v := range v.Styles() {
content.Style(k, v)
}
content.Style("display", "block")
v.AppendChild(&dot)
v.AppendChild(&content)
n.Children[i].Style("display", "flex")
n.Children[i].Style("align-items", "center")
n.Children[i] = v
}
return n
},
}
}