diff --git a/cstyle/transformers/ul/main.go b/cstyle/transformers/ul/main.go
index ed5b7d7..7d3bd94 100644
--- a/cstyle/transformers/ul/main.go
+++ b/cstyle/transformers/ul/main.go
@@ -16,2 +15,0 @@ func Init() cstyle.Transformer {
-
- // !ISSUE: make stylable
package ul
import (
"gui/cstyle"
"gui/element"
)
func Init() cstyle.Transformer {
return cstyle.Transformer{
Selector: func(n *element.Node) 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
tN := n.CreateElement(n.TagName)
for _, v := range n.Children {
li := n.CreateElement("li")
li.Style = v.Style
dot := li.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 := li.CreateElement("div")
content.InnerText = v.InnerText
content.Style = v.Style
content.Style = c.QuickStyles(&content)
content.Style["display"] = "block"
li.AppendChild(&dot)
li.AppendChild(&content)
li.Parent = n
li.Style["display"] = "flex"
li.Style["align-items"] = "center"
li.Style = c.QuickStyles(&li)
tN.AppendChild(&li)
}
n.Children = tN.Children
return n
},
}
}