fix visualize bug after style changes

src/core/tags/TreeViewTag.ts

@@ -294,7 +294,8 @@ namespace OS {
                         .css("padding", 0)
                         .css("margin", 0)
                         .css("background-color", "transparent")
-                        .css("width", v * 15 + "px");
+                        .css("width", v * 15 + "px")
+                        .css("flex-shrink", 0);
                 }
 
                 /**
@@ -375,6 +376,9 @@ namespace OS {
                     $(this.refs.container)
                         .css("padding", 0)
                         .css("margin", 0)
+                        .css("display","flex")
+                        .css("flex-direction", "row")
+                        .css("align-items", "center")
                         .css("white-space", "nowrap");
                     $(this.refs.itemholder).css("display", "inline-block");
                     $(this.refs.wrapper).on("click",(e) => {
@@ -388,6 +392,7 @@ namespace OS {
                     $(this.refs.toggle)
                         .css("display", "inline-block")
                         .css("width", "15px")
+                        .css("flex-shrink", 0)
                         .addClass("afx-tree-view-item")
                         .on("click",(e) => {
                             this.open = !this.open;

src/packages/Files/main.ts

@@ -71,10 +71,13 @@ namespace OS {
 
                 this.view.contextmenuHandle = (e, m) => {
                     const file = this.view.selectedFile;
-                    if (!file) {
-                        return;
-                    }
                     const apps = [];
+                    let ctx_menu = [
+                        this.mnFile(),
+                    ];
+                    if(file)
+                    {
+                        ctx_menu.push(this.mnEdit());
                         if (file.type === "dir") {
                             file.mime = "dir";
                         }
@@ -87,8 +90,7 @@ namespace OS {
                                 iconclass: v.iconclass,
                             });
                         }
-                    let ctx_menu = [
+                        ctx_menu.unshift( {
-                        {
                             text: "__(Open with)",
                             nodes: apps,
                             onchildselect: (e: GUI.TagEventType<GUI.tag.MenuEventData>) => {
@@ -98,10 +100,7 @@ namespace OS {
                                 const it = e.data.item.data;
                                 return this._gui.launch(it.app, [file]);
                             },
-                        },
+                        });
-                        this.mnFile(),
-                        this.mnEdit(),
-                    ];
                         if(file.mime === "application/zip")
                         {
                             ctx_menu = ctx_menu.concat([
@@ -170,6 +169,8 @@ namespace OS {
                                 }
                             );
                         }
+
+                    }
                     m.items = ctx_menu;
                     m.show(e);
                 };
@@ -764,7 +765,7 @@ namespace OS {
                             });
                         break;
                     case `${this.name}-download`:
-                        if (file.type !== "file") {
+                        if (!file || file.type !== "file") {
                             return;
                         }
                         file.path

src/packages/Files/package.json

@@ -6,7 +6,7 @@
         "author": "Xuan Sang LE",
         "email": "xsang.le@gmail.com"
     },
-    "version":"0.1.5-b",
+    "version":"0.1.6-b",
     "category":"System",
     "iconclass":"fa fa-hdd-o",
     "mimes":["dir"],

src/packages/MarketPlace/scheme.html

@@ -13,7 +13,7 @@
         </afx-vbox>
         <afx-resizer data-width = "3" ></afx-resizer>
         <afx-vbox data-id = "container">
-                <afx-label data-id = "appname" data-height = "25"></afx-label>
+                <afx-label data-id = "appname" data-height = "45"></afx-label>
                 <afx-hbox data-height = "50">
                     <div style = "text-align:left;">
                         <afx-button data-id = "bt-remove" text = "__(Uninstall)"></afx-button>

src/themes/system/afx-file-view.css

@@ -25,6 +25,11 @@ afx-file-view afx-list-view i.label-text{
     word-break: break-word;
 }
 
+afx-file-view afx-list-view afx-label span
+{
+    flex-direction: column;
+}
+
 afx-file-view afx-grid-view i{
     display: inline-block;
 }

src/themes/system/afx-label.css

@@ -6,6 +6,7 @@ afx-label span {
     display: flex;
     flex-direction: row;
     align-items:center;
+    justify-content: center;
 }
 afx-label  i.label-text{
     font-weight: normal;

src/themes/system/antos.css

@@ -130,3 +130,7 @@ body
     height: 1px;
     box-sizing: border-box;
 }
+
+afx-desktop > .list-container > ul > afx-list-item afx-label span {
+    flex-direction: column;
+}