diff --git a/src/themes/antos_dark/afx-file-view.css b/src/themes/antos_dark/afx-file-view.css index c2e87a6..0d014ed 100644 --- a/src/themes/antos_dark/afx-file-view.css +++ b/src/themes/antos_dark/afx-file-view.css @@ -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; } diff --git a/src/themes/antos_light/afx-file-view.css b/src/themes/antos_light/afx-file-view.css index 21731a6..05a83a7 100644 --- a/src/themes/antos_light/afx-file-view.css +++ b/src/themes/antos_light/afx-file-view.css @@ -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; diff --git a/src/themes/antos_light/afx-sys-panel.css b/src/themes/antos_light/afx-sys-panel.css index 7a946bb..1b913db 100644 --- a/src/themes/antos_light/afx-sys-panel.css +++ b/src/themes/antos_light/afx-sys-panel.css @@ -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 diff --git a/src/themes/system/afx-file-view.css b/src/themes/system/afx-file-view.css index 9e7f57c..21d51ec 100644 --- a/src/themes/system/afx-file-view.css +++ b/src/themes/system/afx-file-view.css @@ -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{