improve file icon view

This commit is contained in:
DanyLE 2022-12-16 14:03:01 +01:00 committed by Dany LE
parent b026b96bf2
commit 0b80a29d00
4 changed files with 21 additions and 23 deletions

View File

@ -4,12 +4,7 @@ afx-file-view afx-label.status{
}
afx-file-view afx-list-view > div.list-container > ul li{
width:70px;
/*height: 60px;*/
background-color: transparent;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
}
afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
background-color: transparent;
@ -17,7 +12,7 @@ afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(e
afx-file-view afx-list-view i.dir:before{
content: "\f07b";
font-family: "FontAwesome";
font-size: 32px;
font-size: 35px;
color: #76D2F9;
font-weight: normal;
font-style: normal;
@ -31,7 +26,7 @@ afx-file-view afx-list-view i{
afx-file-view afx-list-view i.file:before{
content: "\f016";
font-family: "FontAwesome";
font-size: 28px;
font-size: 30px;
color: white;
font-style: normal;
font-weight: normal;
@ -39,13 +34,11 @@ afx-file-view afx-list-view i.file:before{
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
{
background-color: transparent;
}
afx-file-view afx-list-view div.list-container > ul li.selected i.label-text {
background-color: #116cd6;
color:white;
border-radius: 6px;
}
afx-file-view afx-grid-view{
padding:0;
}

View File

@ -3,12 +3,7 @@ afx-file-view afx-label.status{
border-top: 1px solid #cbcbcb;
}
afx-file-view afx-list-view > div.list-container > ul li{
width:70px;
/*height: 60px;*/
background-color: transparent;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
}
afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
background-color: transparent;
@ -16,7 +11,7 @@ afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(e
afx-file-view afx-list-view i.dir:before{
content: "\f07b";
font-family: "FontAwesome";
font-size: 32px;
font-size: 35px;
color: #76D2F9;
font-weight: normal;
font-style: normal;
@ -30,16 +25,12 @@ afx-file-view afx-list-view i{
afx-file-view afx-list-view i.file:before{
content: "\f016";
font-family: "FontAwesome";
font-size: 28px;
color: #414339;
font-size: 30px;
font-style: normal;
font-weight: normal;
}
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
{
background-color: transparent;
}
afx-file-view afx-list-view div.list-container > ul li.selected i.label-text {
background-color: #116cd6;
color:white;
border-radius: 6px;

View File

@ -8,6 +8,7 @@ afx-sys-panel .afx-panel-os-menu button
background-color: #e7414d;
border-radius: 0;
border: 0;
color: white;
}
afx-sys-panel .afx-panel-os-menu button .label-text

View File

@ -11,12 +11,22 @@ 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{
float:left;
/*display: block;*/
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;
}
@ -28,6 +38,9 @@ afx-file-view afx-list-view i.label-text{
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{