Visual Studio menu sample update

Author: c-smile

samples/menu/menu-vs.css

@@ -40,7 +40,7 @@ ul#menu-bar:not(:focus) > li:hover /* current menu item in menu bar */
   border-color:color(menu-item-hover-border);
 }
 
-ul#menu-bar > li:current /* current menu item in menu bar in focus - showing popup menu */ 
+ul#menu-bar > li:current:owns-popup /* current menu item in menu bar in focus - showing popup menu */ 
 {  
   background-color:color(menu-popup-back); 
   border-color:color(menu-popup-border);
@@ -127,14 +127,17 @@ menu li:has-child-of-type(menu)
 {
   foreground-image:url(stock:arrow-right); /* that arrow */
   foreground-repeat: no-repeat;
-  foreground-position: 100% 50%;
+  foreground-position-top: 50%;
+  foreground-position-left: auto;
+  foreground-position-right: 4dip;
 }
 
 menu li:has-child-of-type(menu):rtl
 {
   foreground-image:url(stock:arrow-left); /* that arrow */
   foreground-repeat: no-repeat;
-  foreground-position: 0% 50%;
+  foreground-position-right: auto;
+  foreground-position-left: 4dip;
 }
 
 

samples/menu/menu-vs.tis

@@ -5,14 +5,13 @@ class RootPopupMenu : Element {
     var pw = li.box(#width,#padding);
     var pix = self.toPixels(1dip);
     var (x,y,w,h) = this.box(#rectw,#border);
-    gfx.fillColor(li.style#border-top-color)
+    var borderColor = this.style.variable("menu-popup-border");
+    gfx.fillColor(borderColor)
        .strokeWidth(0)
        .rectangle(pw-pix,y,w-pw,pix)
        .rectangle(x+w-pix,y,pix,h)
        .rectangle(x-pix,y+h-pix,w,pix)
        .rectangle(x,y-pix,pix,h)
-       //.translate(pix/2.0,pix/2.0)
-       //.polyline(pw,y1,x2,y1,x2,y2,x1,y2,x1,y1);
   }
 
 }