seeder-resources-view 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.css +1 -1
  2. package/package.json +1 -1
  3. package/src/style/resources.less +9 -6
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .resources-view{background:#313131;flex:1;width:100%}.resources-view .content-container{border-top:1px solid #000;display:flex;height:calc(100vh - 50px)}.resources-view .content-container .directory-tree{position:relative;width:400px}.resources-view .content-container .directory-tree:after{border-right:1px solid #171717;content:"";height:100%;position:absolute;right:0;top:0;width:0}.resources-view .content-container .directory-tree .ant-tree{background-color:#313131}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode{padding-inline:16px;padding-left:0;position:relative}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:before{bottom:0;content:"";height:auto;inset-inline-end:0;inset-inline-start:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s;z-index:0}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:hover:before{background:hsla(0,0%,100%,.08)}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:before,.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:hover:before{background:#595959}.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper:hover{background:none}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-node-content-wrapper{display:flex;padding:0 1px}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-title{display:flex;flex:auto}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder,.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder-open{font-size:16px}.resources-view .content-container .folder-contents{display:flex;flex:1;flex-direction:column}.resources-view .content-container .folder-contents .media-grid-container{background:#171717;flex:1;max-height:810px;overflow:auto;padding:36px;padding-block-end:20px;padding-block-start:16px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-track-piece{background:#141414}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar{width:6px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-thumb{background:#434343;border-radius:2px}.resources-view .content-container .folder-contents .media-grid-container .batch-operations{display:flex;margin-block-end:16px}.resources-view .content-container .folder-contents .media-grid-container .ant-list .ant-row{height:auto}.resources-view .content-container .folder-contents .media-grid-container .ant-list-grid .ant-col>.ant-list-item{border:1px solid #424242;margin-block-end:0;padding:20px}.resources-view .content-container .search-bar{border-bottom:1px solid #171717;height:50px;position:relative}.resources-view .content-container .search-bar .search-input{width:320px}.resources-view .content-container .search-bar .upload-icon{color:#a3a3a3;cursor:pointer;font-size:24px;position:absolute;right:14px}.media-grid-item{cursor:pointer}.media-grid-item .media-grid-checkbox-wrapper{display:flex;justify-content:flex-end;margin-block-end:12px;margin-block-start:-12px;margin-inline-end:-12px}.media-grid-item .media-grid-thumbnail{height:124px;width:100%}.media-grid-item .media-grid-info{margin-block-start:4px;text-align:center}.tree-title{align-items:center;flex:1;justify-content:space-between}.tree-title,.tree-title .tree-node-icons{display:flex}.tree-title .tree-node-icons .px-1{padding-inline:4px}.upload-progress{align-items:center;background:rgba(0,0,0,.65);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}
1
+ .resources-view{background:#313131;flex:1;width:100%}.resources-view .content-container{border-top:1px solid #000;display:flex;height:calc(100vh - 50px)}.resources-view .content-container .directory-tree{position:relative;width:400px}.resources-view .content-container .directory-tree:after{border-right:1px solid #171717;content:"";height:100%;position:absolute;right:0;top:0;width:0}.resources-view .content-container .directory-tree .ant-tree{background-color:#313131}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode{padding-inline:16px;padding-left:0;position:relative}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:before{bottom:0;content:"";height:auto;inset-inline-end:0;inset-inline-start:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s;z-index:0}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:hover:before{background:hsla(0,0%,100%,.08)}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:before,.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:hover:before{background:#595959}.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper:hover{background:none}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-node-content-wrapper{display:flex;padding:0 1px}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-title{display:flex;flex:auto}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder,.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder-open{font-size:16px}.resources-view .content-container .folder-contents{display:flex;flex:1;flex-direction:column}.resources-view .content-container .folder-contents .media-grid-container{background:#171717;flex:1;max-height:810px;overflow:auto;padding:36px;padding-block-end:20px;padding-block-start:16px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-track-piece{background:#141414}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar{width:6px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-thumb{background:#434343;border-radius:2px}.resources-view .content-container .folder-contents .media-grid-container .batch-operations{display:flex;margin-block-end:16px}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid .ant-row{border-left:1px solid #424242;border-top:1px solid #424242;height:auto}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid .ant-col>.ant-list-item{border-bottom:1px solid #424242;border-right:1px solid #424242;margin-block-end:0;padding:20px}.resources-view .content-container .search-bar{border-bottom:1px solid #171717;height:50px;position:relative}.resources-view .content-container .search-bar .search-input{width:320px}.resources-view .content-container .search-bar .upload-icon{color:#a3a3a3;cursor:pointer;font-size:24px;position:absolute;right:14px}.media-grid-item{cursor:pointer}.media-grid-item .media-grid-checkbox-wrapper{display:flex;justify-content:flex-end;margin-block-end:12px;margin-block-start:-12px;margin-inline-end:-12px}.media-grid-item .media-grid-thumbnail{height:124px;width:100%}.media-grid-item .media-grid-info{margin-block-start:4px;text-align:center}.tree-title{align-items:center;flex:1;justify-content:space-between}.tree-title,.tree-title .tree-node-icons{display:flex}.tree-title .tree-node-icons .px-1{padding-inline:4px}.upload-progress{align-items:center;background:rgba(0,0,0,.65);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "seeder-resources-view",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "A reusable resources management component for React applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
package/src/style/resources.less CHANGED
@@ -92,15 +92,18 @@
92
92
  display: flex;
93
93
  margin-block-end: 16px;
94
94
  }
95
- .ant-list {
95
+ .ant-list.ant-list-grid {
96
96
  .ant-row {
97
97
  height: auto;
98
+ border-top: 1px solid #424242;
99
+ border-left: 1px solid #424242;
100
+ }
101
+ .ant-col>.ant-list-item {
102
+ padding: 20px;
103
+ margin-block-end: 0;
104
+ border-right: 1px solid #424242;
105
+ border-bottom: 1px solid #424242;
98
106
  }
99
- }
100
- .ant-list-grid .ant-col>.ant-list-item {
101
- padding: 20px;
102
- margin-block-end: 0;
103
- border: 1px solid #424242;
104
107
  }
105
108
  }
106
109
  }