antos-frontend/src/themes/system/afx-file-view.css
2024-03-10 10:23:50 +01:00

117 lines
2.2 KiB
CSS

afx-file-view {
position: relative;
}
afx-file-view afx-label.status{
position: absolute;
bottom: 1px;
left:0px;
transform: translateZ(0);
}
afx-file-view afx-list-view > div.list-container > ul
{
display: flex;
flex-flow: row wrap;
/*justify-content: center;*/
}
afx-file-view afx-list-view > div.list-container > ul li afx-label{
height: 100%;
}
afx-file-view afx-list-view > div.list-container > ul li{
width:80px;
max-height: 80px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 5px;
}
afx-file-view afx-list-view i{
display: block;
}
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;
overflow: hidden;
text-overflow: ellipsis;
justify-content: flex-start;
}
afx-file-view afx-grid-view i{
display: inline-block;
}
afx-file-view afx-tree-view{
margin:0;
overflow: hidden;
background-color: transparent;
padding-left: 5px;
}
afx-file-view afx-tree-view .afx_tree_item_odd{
background-color: transparent;
}
afx-file-view afx-tree-view div{
overflow: hidden;
white-space: nowrap;
background-color: transparent;
padding:0;
}
afx-file-view div.treecontainer{
display: block;
overflow: auto;
padding:0;
margin:0;
}
afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
font-size: 22px;
}
afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
font-size: 22px;
}
afx-file-view afx-tree-view .afx-tree-view-item:before{
font-size: 22px;
}
afx-file-view afx-grid-view i.file:before{
font-size: 21px;
font-style: normal;
font-weight: normal;
}
afx-file-view afx-grid-view i.dir:before{
font-size: 22px;
font-style: normal;
font-weight: normal;
}
afx-file-view afx-tree-view li.itemname{
padding-left: 10px;
padding-right: 5px;
}
afx-file-view afx-label.status{
font-size: 13px;
height: 24px;
display: flex;
width: 100%;
}
afx-file-view afx-label.status span{
white-space: nowrap;
width: 100%;
text-align: right;
}
afx-file-view afx-label.status i.label-text
{
padding-right: 5px;
}