@iobroker/adapter-react-v5 3.1.23 → 3.1.24

package/Components/FileBrowser.js

@@ -294,17 +294,32 @@ var styles = function styles(theme) {
       width: BUTTON_WIDTH,
       height: ROW_HEIGHT,
       minWidth: BUTTON_WIDTH,
-      verticalAlign: 'top',
+      verticalAlign: 'middle',
+      textAlign: 'center',
       padding: 0,
+      borderRadius: BUTTON_WIDTH / 2,
+      '&:hover': {
+        backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.08)'
+      },
       '& span': {
         paddingTop: 9
       },
       '& svg': {
         width: 14,
         height: 14,
-        fontSize: '1rem'
+        fontSize: '1rem',
+        marginTop: -3,
+        verticalAlign: 'middle',
+        color: theme.palette.mode === 'dark' ? '#EEE' : '#111'
       }
     },
+    itemDownloadEmptyTable: {
+      display: 'inline-block',
+      width: BUTTON_WIDTH,
+      height: ROW_HEIGHT,
+      minWidth: BUTTON_WIDTH,
+      padding: 0
+    },
     itemAclButtonTable: {
       width: BUTTON_WIDTH,
       height: ROW_HEIGHT,
@@ -1160,7 +1175,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }, this.state.viewType === TABLE && this.props.expertMode ? /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
       }) : null), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes["itemDownloadButton".concat(this.state.viewType)]
+        className: this.props.classes["itemDownloadEmpty".concat(this.state.viewType)]
       }) : null, this.state.viewType === TABLE && this.props.allowDelete && this.state.folders[item.id] && this.state.folders[item.id].length ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         onClick: function onClick(e) {
@@ -1238,6 +1253,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     value: function getFileIcon(ext) {
       switch (ext) {
         case 'json':
+        case 'json5':
           return /*#__PURE__*/_react["default"].createElement(_Bookmark["default"], {
             className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
@@ -1350,14 +1366,14 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         fontSize: "small"
       })) : /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
-      })), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        download: true,
+      })), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement("a", {
+        className: _Utils["default"].clsx('MuiButtonBase-root', 'MuiIconButton-root', 'MuiIconButton-sizeLarge', this.props.classes.itemDownloadButtonTable),
+        tabIndex: "0",
+        download: item.id,
         href: this.imagePrefix + item.id,
-        className: this.props.classes["itemDownloadButton".concat(this.state.viewType)],
         onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        size: "large"
+          e.stopPropagation();
+        }
       }, /*#__PURE__*/_react["default"].createElement(_SaveAlt["default"], null)) : null, this.state.viewType === TABLE && this.props.allowDelete && item.id !== 'vis.0/' && item.id !== USER_DATA ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         onClick: function onClick(e) {
@@ -2170,6 +2186,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     value: function getEditFile(ext) {
       switch (ext) {
         case 'json':
+        case 'json5':
         case 'js':
         case 'html':
         case 'txt':