tyler.durden
/
cockpit-navigator
mirror of https://github.com/45Drives/cockpit-navigator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

use fontawesome icons

This commit is contained in:
joshuaboud 2021-05-25 16:41:03 -03:00
parent 28b7698534
commit 5338ddac07
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
2 changed files with 14 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
navigator/navigator.css
View File

@ -58,7 +58,8 @@
} }
.nav-item { .nav-item {
padding: 12px; margin: 2px;
padding: 3px;
flex: 0; flex: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -72,7 +73,7 @@
border: 1px solid #3c3f42; border: 1px solid #3c3f42;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
padding: 11px; padding: 2px;
} }
.nav-item .nav-item-title { .nav-item .nav-item-title {
@ -81,52 +82,12 @@
} }
.nav-item .nav-file-icon { .nav-item .nav-file-icon {
font-size: 100px; text-align: center;
width: 100px;
font-size: 80px;
color: #3c3f42; color: #3c3f42;
} }
/* .nav-item .nav-dir-icon {
position: relative;
background-color: #212427;
width: 100px;
height: 80px;
border-radius: 0 5px 5px 5px;
margin-top: 12px;
}
.nav-item .nav-dir-icon:before {
content: "";
position: absolute;
top: -12px;
left: 0;
width: 50%;
height: 12px;
border-radius: 5px 5px 0 0;
background-color: #3c3f42;
display: block;
}
.nav-item .nav-file-icon {
position: relative;
background-color: #212427;
width: 70px;
height: 92px;
margin-left: 15px;
margin-right: 15px;
}
.nav-item .nav-file-icon:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #3c3f42 #151515;
display: block;
width: 0;
} */
.nav-info-column { .nav-info-column {
background-color: #212427; background-color: #212427;
flex-basis: 0; flex-basis: 0;

8
navigator/navigator.js
View File

@ -200,8 +200,16 @@ class NavWindow {
} }
set_selected(/*NavEntry*/ entry) { set_selected(/*NavEntry*/ entry) {
this.selected_entry.dom_element.classList.remove("nav-item-selected"); this.selected_entry.dom_element.classList.remove("nav-item-selected");
if(this.selected_entry.nav_type === "dir"){
this.selected_entry.dom_element.nav_item_icon.classList.remove("fa-folder-open");
this.selected_entry.dom_element.nav_item_icon.classList.add("fa-folder");
}
this.selected_entry = entry; this.selected_entry = entry;
this.selected_entry.dom_element.classList.add("nav-item-selected"); this.selected_entry.dom_element.classList.add("nav-item-selected");
if(this.selected_entry.nav_type === "dir"){
this.selected_entry.dom_element.nav_item_icon.classList.remove("fa-folder");
this.selected_entry.dom_element.nav_item_icon.classList.add("fa-folder-open");
}
} }
} }