fix bulma css

Author: manatlan

htagui/bulma/bases.py

@@ -161,7 +161,7 @@ def init(self,metatag,obj):
         self["style"].set("right","0px")
         self["style"].set("left","0px")
         self["style"].set("z-index","500")
-        self["style"].set("background","white")
+        self["style"].set("background","Canvas") # <system-color> : 'Background of application content or documents'
         self <= obj
 
 class ModalAlert(ModalBlock):
@@ -173,6 +173,7 @@ def __init__(self,metatag,obj,wsize:float=None):
         obj = Tag.div(obj,_class="box")
         obj=Tag.div(obj,_class="modal-content",_onmousedown="event.stopPropagation();")
         ModalBlock.__init__(self,metatag,obj)
+        self["style"].set("z-index","501")  # ensure alerts are over "page"
         self.childs[0]["onmousedown"]=metatag.stepevent()
         if pwidth:
             obj["style"]=f"width:{pwidth};"
@@ -217,7 +218,7 @@ def init(self,metatag,obj,mode:str):
             t,r,b,l= ("0px","0px",f"{size}%","0px")
 
         self <= Voile(_onmousedown=metatag.stepevent())
-        self <= Tag.div( obj ,_style=f"position:fixed;top:{t};bottom:{b};left:{l};right:{r};background:white;border-radius:0px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;z-index:1001;padding:10px")
+        self <= Tag.div( obj ,_style=f"position:fixed;top:{t};bottom:{b};left:{l};right:{r};background:Canvas;border-radius:0px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;z-index:1001;padding:10px")
 
 class Pop(Tag.div):
     def init(self,metatag,obj,xy:tuple):

manual_tests.py

@@ -161,7 +161,7 @@ def block(ev):
                 self.ui.block( Tag.div(ui.Spinner()+ui.Button("unblock",_onclick=lambda ev: self.ui.close() ) + ui.Menu(entries)) + "click on the menu should auto-close the dialog"  )
 
             def page(ev):
-                self.ui.page( "click on the menu shouldn't close the dialog !!!"+ui.Menu(entries) + Tag.h3("Click the image to quit")+Tag.img(_src="https://picsum.photos/501/501",_onclick=lambda ev: self.ui.page()) ) 
+                self.ui.page( "click on the menu shouldn't close the dialog !!!"+ui.Menu(entries) + ui.Button("alert",_onclick=lambda ev: self.ui.alert('yo'))+ Tag.h3("Click the image to quit")+Tag.img(_src="https://picsum.photos/501/501",_onclick=lambda ev: self.ui.page()) ) 
 
             self <= ui.Button("block", _onclick=block)
             self <= ui.Button("page", _onclick=page)