[GH-ISSUE #1685] Some Upgraded user interface #988

New issue

Closed

opened 2026-02-27 00:01:48 +03:00 by kerem · 0 comments

kerem commented

2026-02-27 00:01:48 +03:00

Owner

Originally created by @hoan277 on GitHub (May 12, 2020).
Original GitHub issue: https://github.com/electerm/electerm/issues/1685

Hi there, Please some refer to my suggestion :D
Thank you so much, this is very good Terminal

1. Control box is very small ---> hard to press

.window-controls {right: 0;padding:0;}
.window-control-box{
    /* width: 20px; */ please remove this attr
    /* height: 20px; */ please remove this attr
padding:5px 10px;
}
.window-controls div:nth-child(1):hover {
    background: #666;
}
.window-controls div:nth-child(2):hover {
    background: #666 ;
}
.window-controls div:nth-child(3):hover {
    background: red;
}

2. Add Home button next to the refresh button
Do you can add some button like this image please

Home button
Next and Prev button
Search filter textbox
Browse... folder
View mode: Small icon, large icon, list icon, detail icon ---> same windows explorer view mode
http://acs.lalatv.com.vn/images/electerm/home_button.png

3. Save setting of current connecting
http://acs.lalatv.com.vn/images/electerm/default_view.png
4. Split windows feature
http://acs.lalatv.com.vn/images/electerm/split_window.png
5. File icon
6. File size, information in bottom status bar or hover selected same windows explorer

function bytesToSize(bytes, separator = '', postFix = '') {
    if (bytes) {
        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
        const i = Math.min(parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10), sizes.length - 1);
        return `${(bytes / (1024 ** i)).toFixed(i ? 1 : 0)}${separator}${sizes[i]}${postFix}`;
    }
    return 'n/a';
}

Originally created by @hoan277 on GitHub (May 12, 2020). Original GitHub issue: https://github.com/electerm/electerm/issues/1685 Hi there, Please some refer to my suggestion :D Thank you so much, this is very good Terminal - [x] **1. Control box is very small ---> hard to press** ``` .window-controls {right: 0;padding:0;} .window-control-box{ /* width: 20px; */ please remove this attr /* height: 20px; */ please remove this attr padding:5px 10px; } .window-controls div:nth-child(1):hover { background: #666; } .window-controls div:nth-child(2):hover { background: #666 ; } .window-controls div:nth-child(3):hover { background: red; } ``` - [ ] **2. Add Home button next to the refresh button** - Do you can add some button like this image please 1. Home button 2. Next and Prev button 3. Search filter textbox 4. Browse... folder 5. View mode: Small icon, large icon, list icon, detail icon ---> same windows explorer view mode http://acs.lalatv.com.vn/images/electerm/home_button.png - [ ] **3. Save setting of current connecting** http://acs.lalatv.com.vn/images/electerm/default_view.png - [ ] **4. Split windows feature** http://acs.lalatv.com.vn/images/electerm/split_window.png - [ ] **5. File icon** <img src="https://raw.githubusercontent.com/donovanhiland/atom-file-icons/master/icons-on-dark.png"> - [ ] **6. File size, information in bottom status bar or hover selected same windows explorer** ``` function bytesToSize(bytes, separator = '', postFix = '') { if (bytes) { const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']; const i = Math.min(parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10), sizes.length - 1); return `${(bytes / (1024 ** i)).toFixed(i ? 1 : 0)}${separator}${sizes[i]}${postFix}`; } return 'n/a'; } ```