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{ afx-file-view afx-list-view > div.list-container > ul li{
width:70px;
/*height: 60px;*/
background-color: transparent; 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 { afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
background-color: transparent; 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{ afx-file-view afx-list-view i.dir:before{
content: "\f07b"; content: "\f07b";
font-family: "FontAwesome"; font-family: "FontAwesome";
font-size: 32px; font-size: 35px;
color: #76D2F9; color: #76D2F9;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -31,7 +26,7 @@ afx-file-view afx-list-view i{
afx-file-view afx-list-view i.file:before{ afx-file-view afx-list-view i.file:before{
content: "\f016"; content: "\f016";
font-family: "FontAwesome"; font-family: "FontAwesome";
font-size: 28px; font-size: 30px;
color: white; color: white;
font-style: normal; font-style: normal;
font-weight: 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 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; background-color: #116cd6;
color:white; color:white;
border-radius: 6px; border-radius: 6px;
} }
afx-file-view afx-grid-view{ afx-file-view afx-grid-view{
padding:0; padding:0;
} }

View File

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

View File

@ -8,6 +8,7 @@ afx-sys-panel .afx-panel-os-menu button
background-color: #e7414d; background-color: #e7414d;
border-radius: 0; border-radius: 0;
border: 0; border: 0;
color: white;
} }
afx-sys-panel .afx-panel-os-menu button .label-text 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; display: flex;
flex-flow: row wrap; 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{ afx-file-view afx-list-view > div.list-container > ul li{
float:left; width:80px;
/*display: block;*/ max-height: 80px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 5px;
} }
afx-file-view afx-list-view i{ afx-file-view afx-list-view i{
display: block; display: block;
} }
@ -28,6 +38,9 @@ afx-file-view afx-list-view i.label-text{
afx-file-view afx-list-view afx-label span afx-file-view afx-list-view afx-label span
{ {
flex-direction: column; flex-direction: column;
overflow: hidden;
text-overflow: ellipsis;
justify-content: flex-start;
} }
afx-file-view afx-grid-view i{ afx-file-view afx-grid-view i{