Progress on new playlist mode

pull/164/head
Andrew 2 years ago
parent f971ff8dc5
commit e436907265

@ -281,3 +281,11 @@ select {
#configOpts { #configOpts {
display: none; display: none;
} }
body::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-thumb {
background:linear-gradient(rgb(110, 110, 110), rgb(77, 77, 77));
border-radius: 8px;
}

@ -1,9 +1,8 @@
@font-face { @font-face {
font-family: 'JetBrains'; font-family: "JetBrains";
src: url('../fonts/JetBrainsMono-Regular.ttf') format('truetype'); src: url("../fonts/JetBrainsMono-Regular.ttf") format("truetype");
} }
:root[theme="light"] { :root[theme="light"] {
--background: #fff; --background: #fff;
--text: rgb(45, 45, 45); --text: rgb(45, 45, 45);
@ -404,7 +403,7 @@ body {
#videoFormatSelect { #videoFormatSelect {
font-family: JetBrains, monospace; font-family: JetBrains, monospace;
font-size:medium; font-size: medium;
} }
label { label {
@ -638,6 +637,14 @@ body::-webkit-scrollbar-thumb {
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
body::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-thumb {
background:linear-gradient(rgb(110, 110, 110), rgb(77, 77, 77));
border-radius: 8px;
}
@keyframes scale { @keyframes scale {
0% { 0% {
scale: 1; scale: 1;

@ -46,7 +46,7 @@
<!-- Menu --> <!-- Menu -->
<div id="menu"> <div id="menu">
<a id="playlistWin" class="menuItem">Download Playlist</a> <a id="playlistWin" class="menuItem">Download Playlist</a>
<!-- <a id="newPlaylistWin" class="menuItem">New Playlist</a> --> <a id="newPlaylistWin" class="menuItem">New Playlist</a>
<a id="preferenceWin" class="menuItem">Preferences</a> <a id="preferenceWin" class="menuItem">Preferences</a>
<a id="aboutWin" class="menuItem">About</a> <a id="aboutWin" class="menuItem">About</a>
<span id="themeTxt" class="menuItem">Theme:</span> <span id="themeTxt" class="menuItem">Theme:</span>

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" theme="dark">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -25,10 +25,7 @@
<body> <body>
<!-- Popup message --> <!-- Popup message -->
<span id="popupText">Text copied</span> <span id="popupText">Text copied</span>
<!-- Theme toggle -->
<div id="themeToggle" onclick="toggle()">
<div id="themeToggleInside"></div>
</div>
<!-- Menu icon --> <!-- Menu icon -->
<img src="../assets/images/menu.png" alt="menu" id="menuIcon"> <img src="../assets/images/menu.png" alt="menu" id="menuIcon">

@ -4,7 +4,7 @@
"yt-dlp-wrap-plus": "^2.3.16" "yt-dlp-wrap-plus": "^2.3.16"
}, },
"name": "ytdownloader", "name": "ytdownloader",
"version": "3.14.1", "version": "3.15.0",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {
"start": "electron .", "start": "electron .",
@ -35,11 +35,11 @@
"description": "Download videos and audios from YouTube and many other sites", "description": "Download videos and audios from YouTube and many other sites",
"devDependencies": { "devDependencies": {
"electron": "^22.0.3", "electron": "^22.0.3",
"electron-builder": "^23.6.0" "electron-builder": "^24.4.0"
}, },
"build": { "build": {
"productName": "YTDownloader", "productName": "YTDownloader",
"appId": "org.aandrew.ytdownloader", "appId": "io.github.aandrew_me.ytdn",
"artifactName": "${productName}.${ext}", "artifactName": "${productName}.${ext}",
"files": [ "files": [
"./resources/**/*", "./resources/**/*",
@ -106,11 +106,11 @@
"allowToChangeInstallationDirectory": true, "allowToChangeInstallationDirectory": true,
"oneClick": false "oneClick": false
}, },
"msi":{ "msi": {
"oneClick": true, "oneClick": true,
"createDesktopShortcut": true, "createDesktopShortcut": true,
"createStartMenuShortcut": true, "createStartMenuShortcut": true,
"shortcutName":"YTDownloader" "shortcutName": "YTDownloader"
} }
} }
} }

@ -6,7 +6,7 @@ function getId(id) {
let menuIsOpen = false; let menuIsOpen = false;
getId("menuIcon").addEventListener("click", (event) => { getId("menuIcon").addEventListener("click", () => {
if (menuIsOpen) { if (menuIsOpen) {
getId("menuIcon").style.transform = "rotate(0deg)"; getId("menuIcon").style.transform = "rotate(0deg)";
menuIsOpen = false; menuIsOpen = false;
@ -32,7 +32,6 @@ getId("menuIcon").addEventListener("click", (event) => {
}, 150); }, 150);
} }
}); });
const root = document.querySelector(":root");
getId("themeToggle").addEventListener("change", ()=>{ getId("themeToggle").addEventListener("change", ()=>{

@ -1164,10 +1164,10 @@ getId("playlistWin").addEventListener("click", () => {
closeMenu(); closeMenu();
ipcRenderer.send("load-win", __dirname + "/playlist.html"); ipcRenderer.send("load-win", __dirname + "/playlist.html");
}); });
// getId("newPlaylistWin").addEventListener("click", () => { getId("newPlaylistWin").addEventListener("click", () => {
// closeMenu(); closeMenu();
// ipcRenderer.send("load-win", __dirname + "/playlist_new.html"); ipcRenderer.send("load-win", __dirname + "/playlist_new.html");
// }); });
ipcRenderer.on("link", (event, text) => { ipcRenderer.on("link", (event, text) => {
pasteFromTray(text); pasteFromTray(text);

Loading…
Cancel
Save