Code Monkey home page Code Monkey logo

Comments (4)

Xyz00777 avatar Xyz00777 commented on June 4, 2024 1

hey, not really :D becuasse i wanted your plugin because of the tree view style of the folder 😅 or can you say me what i have to do to also have these line tree view style with the defualt folders together with files?? becuase in my optionion the defualt folder look is a little bit confusing if a file is now in a subfolder or in the folder above :/

from file-tree-alternative.

ozntel avatar ozntel commented on June 4, 2024

Hi, you can use default file explorer for this purpose. The plugin's main aim is to provide separate views for files and folders. Hope this helps.

from file-tree-alternative.

ozntel avatar ozntel commented on June 4, 2024

I don't know if it helps but I was using the snippet below with the default file explorer. You can give it a try if you like. But File Tree Alternative plugin is built in a way, which is not applicable for single view for both files and folders.

/* -------------------- NAVBAR -------------------- */

.nav-file-title, .nav-folder-title {
    border: 0px !important;
    padding: 0px !important;
}

.nav-action-button {
    margin-bottom: 0px !important;
}

/* Main Header Notes */

.nav-folder.mod-root>.nav-folder-title {
    display: none !important;
}

/* First Level Folder */

.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title {
    color: #d7f5f2 !important;
    font-size: 16.2px !important;
}

.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title>.nav-folder-title-content::before {
    content: "🗂️";
}

/* Second Level Folder */

.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-title {
    color: #9be897 !important;
    font-size: 14.5px !important;
}

.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-title>.nav-folder-title-content::before {
    content: "📂";
}

/* Third Level Folder */

.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-title {
    color: #e7aef5 !important;
    font-size: 13.7px !important;
}

/* Forth Level Folder */

.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-title {
    color: #fcf7c7 !important;
    font-size: 14.5px !important;
}

.nav-folder-title-content:before {
    padding-right: 5px;
}

.nav-file-title-content {
    font-size: 13px !important;
}

.mod-close-leaf {
    color: red !important;
}

.lines-of-text {
    color: #0d9106 !important;
}

/*  Navbar Document Icon before File Name  */

.nav-file-title-content:before {
    content: "\ea37";
    margin-right: 2px;
}

/*  Navbar Names Closer to Each other and smaller  */

.nav-file-title, .nav-folder-title {
    border: 0px !important;
}

from file-tree-alternative.

Xyz00777 avatar Xyz00777 commented on June 4, 2024

:D that will be funny im a noob at stuth like these and have no idea where i sshould start but i can give it a try 😅

from file-tree-alternative.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.