Optimisation

app_styles.css

@@ -112,7 +112,7 @@ ul:focus {
 }
 
 .ruiImageView {
-  display: grid;
+  display: block;
 }
 
 .ruiSvgImageView {

imageView.go

@@ -67,8 +67,7 @@ func newImageView(session Session) View {
 func (imageView *imageViewData) init(session Session) {
 	imageView.viewData.init(session)
 	imageView.tag = "ImageView"
-	//imageView.systemClass = "ruiImageView"
-
+	imageView.systemClass = "ruiImageView"
 }
 
 func (imageView *imageViewData) String() string {

theme.go

@@ -525,18 +525,37 @@ func (theme *theme) cssText(session Session) string {
 	var builder cssStyleBuilder
 	builder.init()
 
-	for tag, style := range theme.styles {
-		builder.startStyle(tag)
-		style.cssViewStyle(&builder, session)
-		builder.endStyle()
+	styleList := func(styles map[string]ViewStyle) []string {
+		ruiStyles := []string{}
+		customStyles := []string{}
+		for tag, _ := range styles {
+			if strings.HasPrefix(tag, "rui") {
+				ruiStyles = append(ruiStyles, tag)
+			} else {
+				customStyles = append(customStyles, tag)
+			}
+		}
+		sort.Strings(ruiStyles)
+		sort.Strings(customStyles)
+		return append(ruiStyles, customStyles...)
+	}
+
+	for _, tag := range styleList(theme.styles) {
+		if style := theme.styles[tag]; style != nil {
+			builder.startStyle(tag)
+			style.cssViewStyle(&builder, session)
+			builder.endStyle()
+		}
 	}
 
 	for _, media := range theme.mediaStyles {
 		builder.startMedia(media.cssText())
-		for tag, style := range media.styles {
-			builder.startStyle(tag)
-			style.cssViewStyle(&builder, session)
-			builder.endStyle()
+		for _, tag := range styleList(media.styles) {
+			if style := media.styles[tag]; style != nil {
+				builder.startStyle(tag)
+				style.cssViewStyle(&builder, session)
+				builder.endStyle()
+			}
 		}
 		builder.endMedia()
 	}