From 64b2316478c8096c050674c5097c37205a3f3bbc Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 29 Dec 2022 09:16:22 +0200 Subject: [PATCH 001/118] Update full.css --- full.css | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/full.css b/full.css index efa393df4b..adc750ef42 100644 --- a/full.css +++ b/full.css @@ -1788,25 +1788,15 @@ body.mobile .context-menu { } .live-view-menu { - left: 11px; - top: 41px; - z-index: 1001; - margin-top: 7px; - padding: 0; + left: 7px; + top: 44px; + box-shadow: 0 8px 16px rgb(0 0 0 / 24%), inset 0 0 0 1px hsl(228deg 13% 19%); } body:not(.mobile) .live-view-menu { display: none; } -.live-view-menu:not(.visible) { - padding: 2px 2px 2px 0px; -} - -.live-view-menu:not(.visible) .icon { - padding: 9.5px 13px; -} - .dialog-wrapper { position: fixed; From 5455fc6dade6fbd7a4c36aff9e3c1100a0845f0b Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 29 Dec 2022 09:17:11 +0200 Subject: [PATCH 002/118] Update full.css --- full.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/full.css b/full.css index adc750ef42..1179bbde0a 100644 --- a/full.css +++ b/full.css @@ -1797,6 +1797,10 @@ body:not(.mobile) .live-view-menu { display: none; } +.live-view-menu .icon:active { + background: rgb(39 40 44); +} + .dialog-wrapper { position: fixed; From 76cf3c9da2a1c542ec43cdf5f33b2fda9572405f Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 29 Dec 2022 09:17:39 +0200 Subject: [PATCH 003/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index 1179bbde0a..4647d4924b 100644 --- a/full.css +++ b/full.css @@ -1798,7 +1798,7 @@ body:not(.mobile) .live-view-menu { } .live-view-menu .icon:active { - background: rgb(39 40 44); + background: hsl(228deg 6% 16%); } From eb454ee91fc83135ae0050852f32605bce937360 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:37:42 +0200 Subject: [PATCH 004/118] Update utils.js --- utils.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/utils.js b/utils.js index ab909b9d94..92e12e8c54 100644 --- a/utils.js +++ b/utils.js @@ -927,8 +927,8 @@ axios = { // HTML Icons const repoIcon = ''; -const fileIcon = ' '; -const folderIcon = ' '; +const fileIcon = ' '; +const folderIcon = ' '; const imageIcon = ' '; const videoIcon = ' '; From 0c73887a9fa8bfb3d541e8dea2df20db1a5cee04 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:38:46 +0200 Subject: [PATCH 005/118] Update full.html --- full.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/full.html b/full.html index 694d494059..bb4cf3993e 100644 --- a/full.html +++ b/full.html @@ -80,8 +80,8 @@
- - + +
From 8842c5b0376ddae42eb9a850ac48c93627fa1902 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:49:37 +0200 Subject: [PATCH 006/118] Update utils.js --- utils.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/utils.js b/utils.js index 92e12e8c54..68c5d45c8c 100644 --- a/utils.js +++ b/utils.js @@ -14,6 +14,8 @@ const body = document.body, floatLogo = sidebarOpen.querySelector('.logo'), pushWrapper = bottomFloat.querySelector('.push-wrapper'), floatDownload = bottomFloat.querySelector('.download'), + + liveButtonOptions = bottomWrapper.querySelector('.live-button.options'), sidebarToggle = document.querySelector('.sidebar-toggle'), liveToggle = document.querySelector('.live-toggle'), From 7ba6690759a1998b574a64dc4b09ad184a9edc41 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:53:04 +0200 Subject: [PATCH 007/118] Update live-view.js --- live-view/live-view.js | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index b108cad611..2331fe0464 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -396,14 +396,13 @@ function addBottomSwipeListener() { initialY = currentY; - const clickedOnShare = (e.target === - bottomWrapper.querySelector('.live-button.share')); + const clickedOnOptions = (e.target === liveButtonOptions); // if clicked and bottom float is expanded if (click && bottomWrapper.classList.contains('expanded')) { - // if did not click on share button - if (!clickedOnShare) { + // if did not click on options button + if (!clickedOnOptions) { e.preventDefault(); e.stopPropagation(); @@ -413,11 +412,15 @@ function addBottomSwipeListener() { toggleLiveView(selectedFile); - } else if (active) { + } else { - // if clicked on share button, + // if clicked on options button, toggle menu + liveViewMenu.classList.toggle('visible'); + liveButtonOptions.classList.toggle('active'); + + // share live view link - + /* // create a link const link = createLink({ dir: treeLoc, @@ -428,6 +431,7 @@ function addBottomSwipeListener() { title: 'Run ' + treeLoc[0] + '/' + treeLoc[1].split(':')[0] + ' with Codeit', url: link, }); + */ } From 0b7811e79731445efaa12ca11831c7a570b16113 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:56:18 +0200 Subject: [PATCH 008/118] Update full.css --- full.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/full.css b/full.css index 4647d4924b..3388c36417 100644 --- a/full.css +++ b/full.css @@ -298,14 +298,11 @@ body.notransition .bottom-wrapper { margin: -7px; } -.live-buttons .live-button:active { +.live-buttons .live-button:active, +.live-buttons .live-button.active { opacity: .5; } -.live-buttons .live-button path { - pointer-events: none; -} - .live-buttons .live-button.share path.ios { opacity: 0; } From d7be7c3eb6048fcfbc569b11ea16c4419b2d724b Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:57:21 +0200 Subject: [PATCH 009/118] Update utils.js --- utils.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/utils.js b/utils.js index 68c5d45c8c..b0bfd7176a 100644 --- a/utils.js +++ b/utils.js @@ -56,6 +56,8 @@ const body = document.body, learnClose = learnWrapper.querySelector('.close'), branchMenu = document.querySelector('.branch-menu'), + + liveViewMenu = document.querySelector('.live-view-menu'), dialogWrapper = document.querySelector('.dialog-wrapper'), dialogTitle = dialogWrapper.querySelector('.title'), From e544f8f7839998967c73fda3330908924c22923b Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 08:59:14 +0200 Subject: [PATCH 010/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index 3388c36417..043e1c8fe9 100644 --- a/full.css +++ b/full.css @@ -298,7 +298,7 @@ body.notransition .bottom-wrapper { margin: -7px; } -.live-buttons .live-button:active, +.live-buttons .live-button:not(.active):active, .live-buttons .live-button.active { opacity: .5; } From 12ec525d9d3258d89e565876b50d809c9f652d1d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:00:15 +0200 Subject: [PATCH 011/118] Update full.html --- full.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/full.html b/full.html index bb4cf3993e..634c08eb84 100644 --- a/full.html +++ b/full.html @@ -295,6 +295,13 @@ +
+
+
Console
+ +
+
+
From 118a6dfa3baf17242ae194a2d5592c0f655e9ab7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:01:04 +0200 Subject: [PATCH 012/118] Update full.css --- full.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/full.css b/full.css index 043e1c8fe9..1a99c36b58 100644 --- a/full.css +++ b/full.css @@ -1799,6 +1799,47 @@ body:not(.mobile) .live-view-menu { } +.sheet { + position: fixed; + bottom: env(safe-area-inset-bottom, 0px); + left: 0; + right: 0; + height: calc(100vh / 2 - 20px); + background: var(--deep-midnight-blue); + box-shadow: 0 -8px 16px rgb(0 0 0 / 24%); + border-radius: 11.5px 11.5px 0 0; + z-index: 1001; +} + +body.mobile .sheet { + display: none; +} + +.sheet .header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 20px; + height: 59px; + box-sizing: border-box; +} + +.sheet .header .close { + color: #828689; + background: rgb(255 255 255 / 8%); + /* box-sizing: border-box; */ + padding: 4px; + width: 20px; + height: 20px; + margin: -4px; +} + +.sheet .header .title { + font-weight: 600; + color: #dcddde; +} + + .dialog-wrapper { position: fixed; pointer-events: none; From 6d1d3d55b6154e7dc247c4fbfc7ac73ecb2683b7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:04:58 +0200 Subject: [PATCH 013/118] Update full.html --- full.html | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/full.html b/full.html index 634c08eb84..b845f153b2 100644 --- a/full.html +++ b/full.html @@ -279,19 +279,20 @@
-
+ - From ab1d9c97a8cd55a859748f73415b1a3b6229b222 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:06:52 +0200 Subject: [PATCH 014/118] Update full.css --- full.css | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/full.css b/full.css index 1a99c36b58..5bc9a5b802 100644 --- a/full.css +++ b/full.css @@ -303,18 +303,6 @@ body.notransition .bottom-wrapper { opacity: .5; } -.live-buttons .live-button.share path.ios { - opacity: 0; -} - -body.safari .live-buttons .live-button.share path { - opacity: 0; -} - -body.safari .live-buttons .live-button.share path.ios { - opacity: 1; -} - .bottom-wrapper.expanded .live-buttons { opacity: 1; pointer-events: auto; @@ -1798,6 +1786,18 @@ body:not(.mobile) .live-view-menu { background: hsl(228deg 6% 16%); } +.live-view-menu .icon.share path.ios { + opacity: 0; +} + +body.safari .live-view-menu .icon.share path { + opacity: 0; +} + +body.safari .live-view-menu .icon.share path.ios { + opacity: 1; +} + .sheet { position: fixed; @@ -1811,7 +1811,7 @@ body:not(.mobile) .live-view-menu { z-index: 1001; } -body.mobile .sheet { +body:not(.mobile) .sheet { display: none; } From 16abbd3e360bcb49fc8914bbb98983e41939a15d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:09:39 +0200 Subject: [PATCH 015/118] Update full.css --- full.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/full.css b/full.css index 5bc9a5b802..73fb4da0c9 100644 --- a/full.css +++ b/full.css @@ -1808,9 +1808,17 @@ body.safari .live-view-menu .icon.share path.ios { background: var(--deep-midnight-blue); box-shadow: 0 -8px 16px rgb(0 0 0 / 24%); border-radius: 11.5px 11.5px 0 0; + transform: translateY(100%); + pointer-events: none; + transition: .18s var(--ease-function); z-index: 1001; } +.sheet.visible { + transform: none; + pointer-events: auto; +} + body:not(.mobile) .sheet { display: none; } From b53db2b7aefe38b03e27c4a74c0f4592ac3f4bbe Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:10:40 +0200 Subject: [PATCH 016/118] Update utils.js --- utils.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/utils.js b/utils.js index b0bfd7176a..2fedb47d6b 100644 --- a/utils.js +++ b/utils.js @@ -58,6 +58,8 @@ const body = document.body, branchMenu = document.querySelector('.branch-menu'), liveViewMenu = document.querySelector('.live-view-menu'), + liveMenuShare = liveViewMenu.querySelector('.share'), + liveMenuConsole = liveViewMenu.querySelector('.console'), dialogWrapper = document.querySelector('.dialog-wrapper'), dialogTitle = dialogWrapper.querySelector('.title'), From 99f2531387121916792e44d9ff33358dcd95e053 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:16:48 +0200 Subject: [PATCH 017/118] Update live-view.js --- live-view/live-view.js | 65 ++++++++++++++++++++++++++++++++---------- 1 file changed, 50 insertions(+), 15 deletions(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index 2331fe0464..c9ded42212 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -418,21 +418,6 @@ function addBottomSwipeListener() { liveViewMenu.classList.toggle('visible'); liveButtonOptions.classList.toggle('active'); - - // share live view link - /* - // create a link - const link = createLink({ - dir: treeLoc, - file: selectedFile - }); - - navigator.share({ - title: 'Run ' + treeLoc[0] + '/' + treeLoc[1].split(':')[0] + ' with Codeit', - url: link, - }); - */ - } } else if (click) { // if clicked and bottom float not expanded @@ -562,6 +547,56 @@ function updateLiveViewArrow() { if (isMobile) { addBottomSwipeListener(); + + + // live view mobile menu + + liveMenuShare.addEventListener('click', () => { + + // share live view link + + // create a link + const link = createLink({ + dir: treeLoc, + file: selectedFile + }); + + navigator.share({ + title: 'Run ' + treeLoc[0] + '/' + treeLoc[1].split(':')[0] + ' with Codeit', + url: link, + }); + + }); + + liveMenuConsole.addEventListener('click', () => { + + consoleSheet.classList.add('visible'); + + }); + + document.addEventListener('touchstart', (e) => { + + // if live view menu is visible + if (liveViewMenu.classList.contains('visible')) { + + if (e.target.parentElement !== liveViewMenu && + e.target.parentElement.parentElement !== liveViewMenu) { + + liveViewMenu.classList.remove('visible'); + liveButtonOptions.classList.remove('active'); + + } + + } + + }); + + liveViewMenu.addEventListener('click', () => { + + liveViewMenu.classList.remove('visible'); + liveButtonOptions.classList.remove('active'); + + }); } else { From 296b0aa36dad7522331cd6cd3ed84eeb3c766e54 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:18:39 +0200 Subject: [PATCH 018/118] Update live-view.js --- live-view/live-view.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index c9ded42212..ce6a836dfc 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -412,7 +412,7 @@ function addBottomSwipeListener() { toggleLiveView(selectedFile); - } else { + } else if (active) { // if clicked on options button, toggle menu liveViewMenu.classList.toggle('visible'); From a3b784f6576d7e8ce1bf3e2d320f81f1b37a17ec Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:20:35 +0200 Subject: [PATCH 019/118] Update live-view.js --- live-view/live-view.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index ce6a836dfc..3608d721e5 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -412,11 +412,11 @@ function addBottomSwipeListener() { toggleLiveView(selectedFile); - } else if (active) { - + } else { + // if clicked on options button, toggle menu - liveViewMenu.classList.toggle('visible'); - liveButtonOptions.classList.toggle('active'); + liveViewMenu.classList.add('visible'); + liveButtonOptions.classList.add('active'); } From ebab4539af8483c529648a33818a7c7e03e34fc8 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:21:12 +0200 Subject: [PATCH 020/118] Update utils.js --- utils.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/utils.js b/utils.js index 2fedb47d6b..24e8ec9169 100644 --- a/utils.js +++ b/utils.js @@ -60,6 +60,8 @@ const body = document.body, liveViewMenu = document.querySelector('.live-view-menu'), liveMenuShare = liveViewMenu.querySelector('.share'), liveMenuConsole = liveViewMenu.querySelector('.console'), + + liveConsoleSheet = document.querySelector('.sheet .live-console'), dialogWrapper = document.querySelector('.dialog-wrapper'), dialogTitle = dialogWrapper.querySelector('.title'), From 7ed2092f6dbd692a699f71dd4f5f7596dc7fce5d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:21:48 +0200 Subject: [PATCH 021/118] Update full.html --- full.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.html b/full.html index b845f153b2..111edf7de8 100644 --- a/full.html +++ b/full.html @@ -296,7 +296,7 @@
-
+
Console
From f8ca82b50d115ae81c4e3d35aeaab49221ba2102 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:21:59 +0200 Subject: [PATCH 022/118] Update utils.js --- utils.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/utils.js b/utils.js index 24e8ec9169..8daeae2239 100644 --- a/utils.js +++ b/utils.js @@ -61,7 +61,7 @@ const body = document.body, liveMenuShare = liveViewMenu.querySelector('.share'), liveMenuConsole = liveViewMenu.querySelector('.console'), - liveConsoleSheet = document.querySelector('.sheet .live-console'), + liveConsoleSheet = document.querySelector('.sheet .live-console-sheet'), dialogWrapper = document.querySelector('.dialog-wrapper'), dialogTitle = dialogWrapper.querySelector('.title'), From dc95c99f4bff7d5205ca48f1b6067b378ec6fb7b Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:22:16 +0200 Subject: [PATCH 023/118] Update live-view.js --- live-view/live-view.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index 3608d721e5..e143886906 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -570,7 +570,7 @@ if (isMobile) { liveMenuConsole.addEventListener('click', () => { - consoleSheet.classList.add('visible'); + liveConsoleSheet.classList.add('visible'); }); From deaf277e929b5c63bd34136a4cd612845551a9e5 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:24:09 +0200 Subject: [PATCH 024/118] Update live-view.js --- live-view/live-view.js | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index e143886906..44f4d69249 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -412,12 +412,6 @@ function addBottomSwipeListener() { toggleLiveView(selectedFile); - } else { - - // if clicked on options button, toggle menu - liveViewMenu.classList.add('visible'); - liveButtonOptions.classList.add('active'); - } } else if (click) { // if clicked and bottom float not expanded @@ -551,6 +545,14 @@ if (isMobile) { // live view mobile menu + liveButtonOptions.addEventListener('click', () => { + + // if clicked on options button, toggle menu + liveViewMenu.classList.toggle('visible'); + liveButtonOptions.classList.toggle('active'); + + }); + liveMenuShare.addEventListener('click', () => { // share live view link From 088a8edacccd8fde50b72ac081a1c70609435550 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:24:52 +0200 Subject: [PATCH 025/118] Update utils.js --- utils.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/utils.js b/utils.js index 8daeae2239..027af176af 100644 --- a/utils.js +++ b/utils.js @@ -61,7 +61,7 @@ const body = document.body, liveMenuShare = liveViewMenu.querySelector('.share'), liveMenuConsole = liveViewMenu.querySelector('.console'), - liveConsoleSheet = document.querySelector('.sheet .live-console-sheet'), + liveConsoleSheet = document.querySelector('.live-console-sheet'), dialogWrapper = document.querySelector('.dialog-wrapper'), dialogTitle = dialogWrapper.querySelector('.title'), From b52e16faedd5b223e234a3d4deab082414b1eba2 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:45:23 +0200 Subject: [PATCH 026/118] Update full.css --- full.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/full.css b/full.css index 73fb4da0c9..58c9c2144d 100644 --- a/full.css +++ b/full.css @@ -1804,18 +1804,22 @@ body.safari .live-view-menu .icon.share path.ios { bottom: env(safe-area-inset-bottom, 0px); left: 0; right: 0; - height: calc(100vh / 2 - 20px); + height: calc(100vh / 2 - 20px + 40px); + bottom: -40px; background: var(--deep-midnight-blue); - box-shadow: 0 -8px 16px rgb(0 0 0 / 24%); border-radius: 11.5px 11.5px 0 0; - transform: translateY(100%); + transform: translateY(calc(100% + 40px)); pointer-events: none; - transition: .18s var(--ease-function); + will-change: transform; + transition: .18s var(--ease-function), + .18s .09s var(--bounce-function) bottom; z-index: 1001; } .sheet.visible { - transform: none; + transform: translateY(40px); + bottom: 0; + box-shadow: 0 -8px 16px rgb(0 0 0 / 24%); pointer-events: auto; } From 1d282e6c37101d3ddf4f72ded0935ce0682e1017 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:48:35 +0200 Subject: [PATCH 027/118] Update full.css --- full.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/full.css b/full.css index 58c9c2144d..947c4c1e41 100644 --- a/full.css +++ b/full.css @@ -1812,7 +1812,8 @@ body.safari .live-view-menu .icon.share path.ios { pointer-events: none; will-change: transform; transition: .18s var(--ease-function), - .18s .09s var(--bounce-function) bottom; + .18s .09s var(--bounce-function) bottom, + .1s box-shadow var(--ease-function); z-index: 1001; } @@ -1821,6 +1822,9 @@ body.safari .live-view-menu .icon.share path.ios { bottom: 0; box-shadow: 0 -8px 16px rgb(0 0 0 / 24%); pointer-events: auto; + transition: .18s var(--ease-function), + .18s .09s var(--bounce-function) bottom, + .1s .17s box-shadow var(--ease-function); } body:not(.mobile) .sheet { From cd47964e49ce22b25daaf88156efeeada0c1a76e Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:49:02 +0200 Subject: [PATCH 028/118] Update full.css --- full.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/full.css b/full.css index 947c4c1e41..c227fd17df 100644 --- a/full.css +++ b/full.css @@ -1813,7 +1813,7 @@ body.safari .live-view-menu .icon.share path.ios { will-change: transform; transition: .18s var(--ease-function), .18s .09s var(--bounce-function) bottom, - .1s box-shadow var(--ease-function); + .1s var(--ease-function) box-shadow; z-index: 1001; } @@ -1824,7 +1824,7 @@ body.safari .live-view-menu .icon.share path.ios { pointer-events: auto; transition: .18s var(--ease-function), .18s .09s var(--bounce-function) bottom, - .1s .17s box-shadow var(--ease-function); + .1s .17s var(--ease-function) box-shadow; } body:not(.mobile) .sheet { From b945c47ea0b441e4ffc0f2cb04d9f5607a904ff4 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:51:40 +0200 Subject: [PATCH 029/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index c227fd17df..61957bea60 100644 --- a/full.css +++ b/full.css @@ -1842,7 +1842,7 @@ body:not(.mobile) .sheet { .sheet .header .close { color: #828689; - background: rgb(255 255 255 / 8%); + background: rgb(255 255 255 / 8%) !important; /* box-sizing: border-box; */ padding: 4px; width: 20px; From 7cc288189b8db9c82522673d0d7b530d29d96e30 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:53:16 +0200 Subject: [PATCH 030/118] Update utils.js --- utils.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/utils.js b/utils.js index 027af176af..2e0abef45f 100644 --- a/utils.js +++ b/utils.js @@ -61,7 +61,8 @@ const body = document.body, liveMenuShare = liveViewMenu.querySelector('.share'), liveMenuConsole = liveViewMenu.querySelector('.console'), - liveConsoleSheet = document.querySelector('.live-console-sheet'), + consoleSheet = document.querySelector('.console-sheet'), + consoleSheetClose = consoleSheet.querySelector('.header .close'), dialogWrapper = document.querySelector('.dialog-wrapper'), dialogTitle = dialogWrapper.querySelector('.title'), From 2c61a9a2be2834a9179b78a66f315a8bcda0a69e Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:54:25 +0200 Subject: [PATCH 031/118] Update live-view.js --- live-view/live-view.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/live-view/live-view.js b/live-view/live-view.js index 44f4d69249..e46aa1a1fe 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -572,7 +572,8 @@ if (isMobile) { liveMenuConsole.addEventListener('click', () => { - liveConsoleSheet.classList.add('visible'); + // show live view console + consoleSheet.classList.add('visible'); }); @@ -599,6 +600,13 @@ if (isMobile) { liveButtonOptions.classList.remove('active'); }); + + consoleSheetClose.addEventListener('click', () => { + + // hide live view console + consoleSheet.classList.remove('visible'); + + }); } else { From 565b42f702e9dfe02a07d9f708050155b6f872a6 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 1 Jan 2023 09:54:41 +0200 Subject: [PATCH 032/118] Update full.html --- full.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.html b/full.html index 111edf7de8..afcfb0aa31 100644 --- a/full.html +++ b/full.html @@ -296,7 +296,7 @@
-
+
Console
From 4b42da22b5a8aa41ea54305aec4fb00dd1389cc7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:29:27 +0200 Subject: [PATCH 033/118] Update bottomfloat.js --- bottomfloat.js | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/bottomfloat.js b/bottomfloat.js index 1361981934..d5b35471b9 100644 --- a/bottomfloat.js +++ b/bottomfloat.js @@ -121,10 +121,20 @@ if (isMobile) { bottomWrapper.style.setProperty('--window-height', window.innerHeight + 'px'); - const landscape = window.matchMedia('(orientation: landscape)'); - - landscape.addEventListener('change', () => { + window.addEventListener('resize', () => { + + // if the window's height changed + if (window.innerHeight != bottomWrapper.prevWindowHeight) { + + bottomWrapper.prevWindowHeight = window.innerHeight; + + } else { + + return; + + } + // update bottom float bottomWrapper.style.setProperty('--window-height', window.innerHeight + 'px'); window.setTimeout(() => { From bd2cae76311b77922d5565edc9d80795a6761acf Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:32:58 +0200 Subject: [PATCH 034/118] Update full.css --- full.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/full.css b/full.css index 61957bea60..8ab08560a2 100644 --- a/full.css +++ b/full.css @@ -572,7 +572,7 @@ body.embed .sidebar-toggle { } body.expanded .sidebar-toggle { - transform: translateX(calc(var(--sidebar-width) - 1px)); + transform: translateX(var(--sidebar-width)); } body.notransition :is(.sidebar-toggle, .sidebar-toggle *) { @@ -698,20 +698,18 @@ body.expanded .sidebar-toggle svg .left { .sidebar { position: fixed; top: 0; - left: calc((var(--sidebar-width) + 1px) * -1); + left: calc(var(--sidebar-width) * -1); height: 100%; background: #1a1c24; color: #d4d5d7; transition: .4s var(--cubic-function) transform; - width: calc(var(--sidebar-width) + 1px); + width: var(--sidebar-width); transform: none; overflow-x: hidden; overflow-y: overlay; overscroll-behavior-y: contain; pointer-events: none; - box-shadow: inset -1px 0 0 0 #ffffff3d; padding-left: env(safe-area-inset-left); - padding-right: 1px; box-sizing: border-box; z-index: 998; } From 25f14ecdf3c0c84d245ffa744891d70c1a481fe1 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:35:17 +0200 Subject: [PATCH 035/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index 8ab08560a2..9c5e4ddf7c 100644 --- a/full.css +++ b/full.css @@ -552,7 +552,7 @@ body.scroll-enabled .bookmark { } .sidebar-toggle.visible { - left: -1px; + left: -2px; } .sidebar-toggle.visible::after { From cc7b01c6e0ba451abf9ee62642382fbe8a293519 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:41:22 +0200 Subject: [PATCH 036/118] Update full.css --- full.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/full.css b/full.css index 9c5e4ddf7c..cc02d44412 100644 --- a/full.css +++ b/full.css @@ -316,15 +316,13 @@ body.notransition .bottom-wrapper { top: 0; right: 0; bottom: 0; - left: -1px; + left: 0; top: 44px; transform: translateY(calc(100% - 28px - 45px - env(safe-area-inset-bottom, 0px))); padding-bottom: env(safe-area-inset-bottom); background: #1a1c24; background: #0e0e0e; color: #d4d5d7; - box-shadow: inset 1px 0 0 0 #ffffff3d; - padding-left: 1px; pointer-events: none; box-sizing: border-box; will-change: transform; @@ -411,8 +409,6 @@ body.loaded:not(.mobile) .live-view { transform: none !important; pointer-events: auto; left: auto; - box-shadow: none; - padding-left: 0; } body.mobile .live-view.file-open { From 6fb0f92c177cc6c87a0166ab8395d9e684e9da3c Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:41:27 +0200 Subject: [PATCH 037/118] Update full.css --- full.css | 1 - 1 file changed, 1 deletion(-) diff --git a/full.css b/full.css index cc02d44412..0d5e460074 100644 --- a/full.css +++ b/full.css @@ -493,7 +493,6 @@ body.notransition .live-view.file-open { border-radius: 0 500px 500px 0; padding: 7px 10px; border: 3px solid transparent; - border-left-width: 1px; transition: .18s var(--ease-function); transition-property: left, box-shadow; z-index: 999; From ff796f59f433aa1ee29cc301b903ba8b58c64ec1 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:41:49 +0200 Subject: [PATCH 038/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index 0d5e460074..f0d2e091a1 100644 --- a/full.css +++ b/full.css @@ -728,7 +728,7 @@ body.expanded .sidebar-toggle svg .left { } body.expanded .sidebar { - transform: translateX(calc(100% - 1px)); + transform: translateX(100%); pointer-events: auto; } From 39045e75314589142d151f3bfea90f4a9d6d0cf3 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:42:19 +0200 Subject: [PATCH 039/118] Update full.css --- full.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/full.css b/full.css index f0d2e091a1..c3cadae773 100644 --- a/full.css +++ b/full.css @@ -1415,7 +1415,7 @@ body.mobile .sidebar .header .title .branch-icon.active { .sidebar .intro { position: absolute; - width: calc(100% - 1px); + width: 100%; height: 100%; display: flex; align-items: center; @@ -1862,7 +1862,7 @@ body:not(.mobile) .sheet { .dialog-anim-wrapper { position: fixed; inset: 0; - width: calc(var(--sidebar-width) - 1px); + width: var(--sidebar-width); display: flex; align-items: center; justify-content: center; @@ -1999,7 +1999,7 @@ body:not(.mobile) .dialog .button:not(:active):hover { position: fixed; inset: 0; background: hsl(227deg 11% 16% / 40%); - width: calc(var(--sidebar-width) - 1px); + width: var(--sidebar-width); opacity: 0; transition: .18s var(--bounce-function); z-index: -1; From 6478b77143bcbcaa04592578a2826e22d706307d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 12:44:14 +0200 Subject: [PATCH 040/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index c3cadae773..a0ca4faa05 100644 --- a/full.css +++ b/full.css @@ -1106,7 +1106,7 @@ body.mobile .sidebar .header .title .branch-icon.active { } .sidebar .header .search-screen .search-input { - width: calc(var(--sidebar-width) - 103px); + width: calc(var(--sidebar-width) - 104px); white-space: nowrap; line-height: 20px; color: #d4d5d7; From 4494ec0986b66312e367f1650e73f8a129cc3b00 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 4 Jan 2023 18:15:08 +0200 Subject: [PATCH 041/118] Update full.css --- full.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/full.css b/full.css index a0ca4faa05..a6ecd4004e 100644 --- a/full.css +++ b/full.css @@ -877,7 +877,7 @@ body:not(.mobile) .sidebar .header .title-screen .title:not(.scrolling, :has(> . padding: 7px 0; font-weight: 600; color: rgba(241,241,242,0.92); - max-width: calc(var(--sidebar-width) - 140px - 16px - 7px - 7px); + max-width: calc(var(--sidebar-width) - 139px - 16px - 7px - 7px); overflow-x: overlay; white-space: nowrap; transition: .18s var(--ease-function); @@ -1106,7 +1106,7 @@ body.mobile .sidebar .header .title .branch-icon.active { } .sidebar .header .search-screen .search-input { - width: calc(var(--sidebar-width) - 104px); + width: calc(var(--sidebar-width) - 102px); white-space: nowrap; line-height: 20px; color: #d4d5d7; From 43ef3869302923ae9440400cac2776eb95d99ac4 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 08:52:48 +0200 Subject: [PATCH 042/118] Update gitauth.js --- git/gitauth.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/git/gitauth.js b/git/gitauth.js index 5651af0a80..efd55b6b50 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -59,7 +59,7 @@ window.addEventListener('load', async () => { } - const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org'; + const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org,workflow'; loginButton.addEventListener('click', () => { From 8ac174d1e3b42596766831591d0f18efc3c2768d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:06:11 +0200 Subject: [PATCH 043/118] Update filebrowser.js --- filebrowser.js | 44 +++++++++++--------------------------------- 1 file changed, 11 insertions(+), 33 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index 4e65ff62e0..37f445dd2d 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -998,39 +998,6 @@ function pushFileWithCommitMessageHTML(fileEl) { } -function openGitHubLogin() { - - const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org'; - - if (isMobile) { - - window.location.href = authURL; - - } else { - - window.addEventListener('message', (event) => { - - // if received a git code - if (event.origin === window.location.origin && - event.data.startsWith('gitCode=')) { - - // hide dialog - hideDialog(); - - showMessage('Logging in...', -1); - - } - - }); - - // open login window - window.open(authURL, 'Login with GitHub', 'height=575,width=575'); - - } - -} - - async function checkPushDialogs() { // if not logged in to git @@ -1041,6 +1008,17 @@ async function checkPushDialogs() { return 'return'; } + + + // if pushing a git workflow file, + // request additional permissions + if (treeLoc[2] === '/.github/workflows') { + + showDialog(openGitHubLogin, 'To push this file, request\nGit workflow access.', 'Open'); + + return 'return'; + + } // get repo obj from local storage From a85938ac0cc242c5730504743f1192c71494bcd7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:09:37 +0200 Subject: [PATCH 044/118] Update gitauth.js --- git/gitauth.js | 54 +++++++++++++++++++++++++++++++++----------------- 1 file changed, 36 insertions(+), 18 deletions(-) diff --git a/git/gitauth.js b/git/gitauth.js index efd55b6b50..1f14f8abbb 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -58,23 +58,7 @@ window.addEventListener('load', async () => { } - - const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org,workflow'; - - loginButton.addEventListener('click', () => { - - if (isMobile) { - - window.location.href = authURL; - - } else { - - window.open(authURL, 'Login with GitHub', 'height=575,width=575'); - - } - - }) - + loginButton.addEventListener('click', openGitHubLogin); window.addEventListener('message', async (event) => { @@ -108,7 +92,9 @@ window.addEventListener('load', async () => { // start loading startLoading(); - + + showMessage('Logging in...', -1); + const gitCode = event.data.split('gitCode=')[1]; // get git token from Github @@ -213,6 +199,38 @@ window.addEventListener('load', async () => { }); + +function openGitHubLogin() { + + const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org,workflow'; + + if (isMobile) { + + window.location.href = authURL; + + } else { + + window.addEventListener('message', (event) => { + + // if received a git code + if (event.origin === window.location.origin && + event.data.startsWith('gitCode=')) { + + // hide dialog + //hideDialog();@@ + + } + + }); + + // open login window + window.open(authURL, 'Login with GitHub', 'height=575,width=575'); + + } + +} + + async function getGithubToken(gitCode) { // post through CORS proxy to git with clientId, clientSecret and code From 21547fc34ebdf950d0c5e676c135b695d3cf2d91 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:20:21 +0200 Subject: [PATCH 045/118] Update gitauth.js --- git/gitauth.js | 43 ++++++++++++++++++++++++++++--------------- 1 file changed, 28 insertions(+), 15 deletions(-) diff --git a/git/gitauth.js b/git/gitauth.js index 1f14f8abbb..66bf715eb8 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -202,31 +202,44 @@ window.addEventListener('load', async () => { function openGitHubLogin() { - const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org,workflow'; + return new Promise(resolve => { - if (isMobile) { + const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org,workflow'; - window.location.href = authURL; + if (isMobile) { - } else { + window.location.href = authURL; + + } else { - window.addEventListener('message', (event) => { + const listener = window.addEventListener('message', (event) => { - // if received a git code - if (event.origin === window.location.origin && - event.data.startsWith('gitCode=')) { + // if received a git code + if (event.origin === window.location.origin && + event.data.startsWith('gitCode=')) { - // hide dialog - //hideDialog();@@ + window.removeEventListener('message', listener); + + if (loginWindow.closed) { + + resolve(false); + + } else { + + resolve(true); + + } - } + } - }); + }); - // open login window - window.open(authURL, 'Login with GitHub', 'height=575,width=575'); + // open login window + const loginWindow = window.open(authURL, 'Login with GitHub', 'height=575,width=575'); - } + } + + }); } From f9bd6fd77f7bf478298964142bc3a66631b512e3 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:22:24 +0200 Subject: [PATCH 046/118] Update filebrowser.js --- filebrowser.js | 33 ++++++++++++++++++++++++++++++--- 1 file changed, 30 insertions(+), 3 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index 37f445dd2d..303629f3cb 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -252,7 +252,16 @@ async function renderSidebarHTML() { // if not logged in if (gitToken == '') { - const dialogResp = await showDialog(openGitHubLogin, 'Hmm... the repo you\'re\nlooking for can\'t be found.\nTry logging in.', 'Login', true); + const dialogResp = await showDialog(async () => { + + const resp = await openGitHubLogin(); + + if (resp) { + // hide dialog + hideDialog(); + } + + }, 'Hmm... the repo you\'re\nlooking for can\'t be found.\nTry logging in.', 'Login', true); // if chosen to log in, return if (dialogResp == true) return; @@ -1003,7 +1012,16 @@ async function checkPushDialogs() { // if not logged in to git if (gitToken == '') { - showDialog(openGitHubLogin, 'Login to save this file.', 'Login'); + showDialog(async () => { + + const resp = await openGitHubLogin(); + + if (resp) { + // hide dialog + hideDialog(); + } + + }, 'Login to save this file.', 'Login'); return 'return'; @@ -1014,7 +1032,16 @@ async function checkPushDialogs() { // request additional permissions if (treeLoc[2] === '/.github/workflows') { - showDialog(openGitHubLogin, 'To push this file, request\nGit workflow access.', 'Open'); + showDialog(async () => { + + const resp = await openGitHubLogin(); + + if (resp) { + // hide dialog + hideDialog(); + } + + }, 'To push this file, request\nGit workflow access.', 'Open'); return 'return'; From 632e2f8eb798d050d8beb3b89761304e0c07c5b9 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:31:46 +0200 Subject: [PATCH 047/118] Update filebrowser.js --- filebrowser.js | 42 ++++++++++++++++++++++-------------------- 1 file changed, 22 insertions(+), 20 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index 303629f3cb..1ba9665d33 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -1026,26 +1026,6 @@ async function checkPushDialogs() { return 'return'; } - - - // if pushing a git workflow file, - // request additional permissions - if (treeLoc[2] === '/.github/workflows') { - - showDialog(async () => { - - const resp = await openGitHubLogin(); - - if (resp) { - // hide dialog - hideDialog(); - } - - }, 'To push this file, request\nGit workflow access.', 'Open'); - - return 'return'; - - } // get repo obj from local storage @@ -1195,6 +1175,28 @@ async function checkPushDialogs() { if (dialogResult === false) return 'return'; + } else { // if user has push access in repo + + // if pushing a git workflow file, + // request additional permissions + if (getStorage('hasWorkflowPermission') === null && + treeLoc[2] === '/.github/workflows') { + + showDialog(async () => { + + const resp = await openGitHubLogin(); + + if (resp) { + // hide dialog + hideDialog(); + } + + }, 'To push this file, request\nGit workflow access.', 'Open'); + + return 'return'; + + } + } } From aa8e665a70899f17661a3421d649aec252511c44 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:34:00 +0200 Subject: [PATCH 048/118] Update gitauth.js --- git/gitauth.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/git/gitauth.js b/git/gitauth.js index 66bf715eb8..581807a0b6 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -93,17 +93,26 @@ window.addEventListener('load', async () => { // start loading startLoading(); + // show message showMessage('Logging in...', -1); + + // update legacy workflow permission + setStorage('hasWorkflowPermission', 'true'); + + const gitCode = event.data.split('gitCode=')[1]; // get git token from Github await getGithubToken(gitCode); + // clear modified repos modifiedRepos = {}; updateModReposLS(); + + // hide message if (messageEl.textContent === 'Logging in...') { hideMessage(); } From 5884ee79d3b8852aeba72ce7189d383fed6b1b46 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:40:54 +0200 Subject: [PATCH 049/118] Update gitauth.js --- git/gitauth.js | 28 +++++++++++++++------------- 1 file changed, 15 insertions(+), 13 deletions(-) diff --git a/git/gitauth.js b/git/gitauth.js index 581807a0b6..517722df9f 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -209,6 +209,9 @@ window.addEventListener('load', async () => { }); +let openGitHubLoginWindow; +let openGitHubLoginListener; + function openGitHubLogin() { return new Promise(resolve => { @@ -221,30 +224,29 @@ function openGitHubLogin() { } else { - const listener = window.addEventListener('message', (event) => { + if (openGitHubLoginWindow) { + + openGitHubLoginWindow.close(); + window.removeEventListener('message', openGitHubLoginListener); + + } + + openGitHubLoginListener = window.addEventListener('message', (event) => { // if received a git code if (event.origin === window.location.origin && event.data.startsWith('gitCode=')) { - window.removeEventListener('message', listener); - - if (loginWindow.closed) { - - resolve(false); - - } else { - - resolve(true); - - } + window.removeEventListener('message', openGitHubLoginListener); + + resolve(); } }); // open login window - const loginWindow = window.open(authURL, 'Login with GitHub', 'height=575,width=575'); + openGitHubLoginWindow = window.open(authURL, 'Login with GitHub', 'height=575,width=575'); } From a52ba0b31928c16907bfcde5c57e38d65a768e23 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:42:04 +0200 Subject: [PATCH 050/118] Update filebrowser.js --- filebrowser.js | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index 1ba9665d33..d3ed3a1abf 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -254,12 +254,10 @@ async function renderSidebarHTML() { const dialogResp = await showDialog(async () => { - const resp = await openGitHubLogin(); + await openGitHubLogin(); - if (resp) { - // hide dialog - hideDialog(); - } + // hide dialog + hideDialog(); }, 'Hmm... the repo you\'re\nlooking for can\'t be found.\nTry logging in.', 'Login', true); @@ -1014,12 +1012,10 @@ async function checkPushDialogs() { showDialog(async () => { - const resp = await openGitHubLogin(); + await openGitHubLogin(); - if (resp) { - // hide dialog - hideDialog(); - } + // hide dialog + hideDialog(); }, 'Login to save this file.', 'Login'); @@ -1184,12 +1180,10 @@ async function checkPushDialogs() { showDialog(async () => { - const resp = await openGitHubLogin(); + await openGitHubLogin(); - if (resp) { - // hide dialog - hideDialog(); - } + // hide dialog + hideDialog(); }, 'To push this file, request\nGit workflow access.', 'Open'); From 865d190413de2c5dc2b62931aba253b612c0a2c4 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:57:22 +0200 Subject: [PATCH 051/118] Update filebrowser.js --- filebrowser.js | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index d3ed3a1abf..1ea8b04c0c 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -2201,8 +2201,11 @@ function createNewRepoInHTML() { // toggle lock repoPrivate = lockButton.classList.toggle('locked'); - // focus repo name - repoEl.querySelector('.name').focus(); + // focus repo name and move cursor to end + + const repoName = repoEl.querySelector('.name'); + + s.setBaseAndExtent(repoName.childNodes[0], repoName.childNodes[0].length, repoName.childNodes[0], repoName.childNodes[0].length); }); @@ -2364,7 +2367,11 @@ function createNewRepoInHTML() { } else { // if already adding a new repo, focus it - fileWrapper.querySelector('.item.focused .name').focus(); + + const newRepoName = fileWrapper.querySelector('.item.focused .name'); + + // move cursor to end + s.setBaseAndExtent(newRepoName.childNodes[0], newRepoName.childNodes[0].length, newRepoName.childNodes[0], newRepoName.childNodes[0].length); } @@ -2727,7 +2734,11 @@ function createNewFileInHTML() { } else { // if already adding a new file, focus it - fileWrapper.querySelector('.item.focused .name').focus(); + + const newFileName = fileWrapper.querySelector('.item.focused .name'); + + // move cursor to end + s.setBaseAndExtent(newFileName.childNodes[0], newFileName.childNodes[0].length, newFileName.childNodes[0], newFileName.childNodes[0].length); } From 7a451ca70f1840a4db6243c5105b246228e42806 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 09:58:34 +0200 Subject: [PATCH 052/118] Update filebrowser.js --- filebrowser.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/filebrowser.js b/filebrowser.js index 1ea8b04c0c..aea6ed31f9 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -2205,6 +2205,7 @@ function createNewRepoInHTML() { const repoName = repoEl.querySelector('.name'); + const s = window.getSelection(); s.setBaseAndExtent(repoName.childNodes[0], repoName.childNodes[0].length, repoName.childNodes[0], repoName.childNodes[0].length); }); @@ -2371,6 +2372,7 @@ function createNewRepoInHTML() { const newRepoName = fileWrapper.querySelector('.item.focused .name'); // move cursor to end + const s = window.getSelection(); s.setBaseAndExtent(newRepoName.childNodes[0], newRepoName.childNodes[0].length, newRepoName.childNodes[0], newRepoName.childNodes[0].length); } @@ -2738,6 +2740,7 @@ function createNewFileInHTML() { const newFileName = fileWrapper.querySelector('.item.focused .name'); // move cursor to end + const s = window.getSelection(); s.setBaseAndExtent(newFileName.childNodes[0], newFileName.childNodes[0].length, newFileName.childNodes[0], newFileName.childNodes[0].length); } From 412c15658c29ed8cbbc53717b5c125bcca3a0a00 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 5 Jan 2023 19:02:13 +0200 Subject: [PATCH 053/118] Update dark-theme.css --- dark-theme.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/dark-theme.css b/dark-theme.css index 03e85395fa..349d535da6 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -209,6 +209,11 @@ cd-el { color: hsl(218deg 7% 64% / 72%); } +.language-markdown .token.list, +.language-markdown .token.title .token.punctuation { + color: hsl(218deg 7% 64% / 72%); +} + .token.string, .token.string *, .token.attr-value, From bafd778aed6be6ca318301ae5825202d3fc07357 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sat, 7 Jan 2023 18:53:33 +0200 Subject: [PATCH 054/118] Update dark-theme.css --- dark-theme.css | 733 ++++++++++++++++++++++++------------------------- 1 file changed, 363 insertions(+), 370 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index 349d535da6..a4644107a9 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -1,370 +1,363 @@ -/* - * Syntax highlighting - * Colors based on Base16 Ocean Dark - */ - -body:not(.mobile) ::-webkit-scrollbar { - width: 16px; - height: 16px; -} - -body:not(.mobile) ::-webkit-scrollbar-track { - background-color: #2B303B; - box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-track:horizontal { - box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-corner { - background-color: #2B303B; - box-shadow: inset -15px -15px 0 0 #2B303B, - inset 1px 1px 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-thumb { - border: 10px solid transparent; - border-radius: 50px; - background-clip: padding-box; - border: 4px solid transparent; - border-radius: 8px; - box-shadow: none; - min-height: 50px; - min-width: 50px; - background-color: #5f6368; -} - -body:not(.mobile) ::-webkit-scrollbar-thumb:hover { - background-color: #777c83; -} - -body:not(.mobile) ::-webkit-scrollbar-thumb:active { - background-color: #5f6368; -} - - -.cd-wrapper .autocomplete { - background: hsl(218deg 23% 35%); - color: #a6c3d4; - margin-top: 21px; - margin-left: -3px; - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - line-height: 1.5; - padding: 0; - box-shadow: none; - position: fixed; - z-index: 1000; - border-radius: 8px; - border-radius: 7.5px; - border: 1px solid hsl(219deg 22% 38%); - border: 2.5px solid transparent; - pointer-events: none; - overflow-y: overlay; - min-width: 62px; - /* max-width: 190px; - max-height: 224px; - max-height: 129px; */ - max-height: 140px; - /* box-shadow: 0px 3px 6px 1px hsl(221deg 16% 20%); */ - box-shadow: 0px 3px 6px 1px hsl(221deg 16% 21%); - display: none; -} - -.cd-wrapper .autocomplete.visible { - display: block; -} - -.cd-wrapper .autocomplete .icon { - padding: 2px; - border-radius: 5px; - white-space: nowrap; - overflow-x: overlay; -} - -.cd-wrapper .autocomplete .icon.active { - color: #f9f9f9; - background: hsl(218deg 27% 50%); -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar { - width: 10px; -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar-corner, -body:not(.mobile) .autocomplete::-webkit-scrollbar-track { - background: transparent; - box-shadow: none; - border-radius: 0; -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar-thumb { - background-color: rgb(249 249 249 / 15%); - border-top-width: 5px; - border-bottom-width: 5px; - border-left-width: 5px; - border-right-width: 3px; -} - -.cd-wrapper .top-hit { - position: fixed; - color: #a6c3d4; - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - pointer-events: none; - opacity: .5; -} - -.cd-wrapper .top-hit b { - opacity: 0; -} - - -cd-el { - background: #313744; - color: #a6c3d4; - caret-color: #fff; - - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - - font-size: 14px; - line-height: 1.5; - - -webkit-font-smoothing: antialiased; - border-radius: 0; - display: block; -} - -.token.punctuation, -.token.interpolation, -.token.important, -.token.atrule, -.token.url .token.content, -.token.url-reference .token.variable { - color: #a6c3d4; -} - -.token.doctype .token.punctuation { - color: inherit; -} - -.token.namespace { - opacity: 1; -} - -.token.property, -.language-css .token.variable { - color: #35d4c7; -} - -.token.boolean, -.token.number, -.token.unit, -.token.constant, -.token.symbol, -.token.deleted, -.language-css .token.string { - color: #e5b09f; -} - -.token.char, -.token.url, -.token.builtin, -.token.inserted, -.token.template-string, -.token.regex, -.token.string-property, -.token.variable { - color: #c1ffd5cc; -} - -.token.operator, -.token.entity, -.token.atrule .token.rule, -.language-css .token.function, -.token.interpolation .token.punctuation { - color: hsl(286deg 60% 72% / 93%); - color: #ce8de2; -} - -.token.attr-name, -.token.keyword { - color: #e49199; -} - -.token.function, -.token.class-name, -.token.tag, -.token.selector { - color: #75bfff; -} - -.token.comment, -.token.comment * { - color: hsl(218deg 7% 64% / 72%) !important; -} - -.token.prolog, -.token.doctype, -.token.cdata { - color: hsl(218deg 7% 64% / 72%); -} - -.language-markdown .token.list, -.language-markdown .token.title .token.punctuation { - color: hsl(218deg 7% 64% / 72%); -} - -.token.string, -.token.string *, -.token.attr-value, -.token.attr-value *:not(.attr-equals), -.style .token.string { - color: #c1ffd5cc !important; -} - -.token.doctype .token.string, -.token.doctype .token.string * { - color: inherit !important; -} - -.token.italic { - font-style: normal; -} - -.token.entity { - cursor: unset; -} - -.token.url-link, -.token.email-link, -.token.md-link { - color: inherit; - caret-color: #fff; - text-decoration: underline; -} - - -.token.brace.brace-active { - position: relative; - background: rgb(166 195 212 / 12%); - border-radius: 2.5px 2.5px 0 0; - box-shadow: 0 1px 0 0 rgb(166 195 212 / 12%); -} - -.token.brace.brace-active::before, -.token.brace.brace-active::after { - content: ''; - bottom: -2.5px; - left: 0; - width: 50%; - height: 2px; - background: #a6c3d4; - position: absolute; - transform: rotateZ(25deg); - transform-origin: bottom; - pointer-events: none; -} - -.token.brace.brace-active::after { - left: 50%; - transform: rotateZ(-25deg); -} - - -.line-numbers { - position: relative; - padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); - --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); -} - -.line-numbers .line-numbers-rows { - position: sticky; - cursor: default; - left: 0; - user-select: none; - -webkit-user-select: none; - pointer-events: none; - line-height: inherit; - font-size: inherit; - color: #636d83; - background: #313744; - display: block; - text-align: right; - min-width: 1.2em; - white-space: pre; - float: left; - z-index: 1; - margin-right: -100%; - transform: translateX(-100%); - padding-left: calc(13.5px + 0.2px + env(safe-area-inset-left)); - padding-right: 13.5px; -} - -.line-numbers .line-numbers-rows::before { - content: attr(line-numbers); -} - - -span.inline-color-wrapper { - /* - * The background image is the following SVG inline in base 64: - * - * - * - * - * - * - * SVG-inlining explained: - * https://stackoverflow.com/a/21626701/7595472 - */ - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==); - - height: 12px; - width: 12px; - margin-left: 2px; - margin-right: 4px; - display: inline-block; - user-select: none; - -webkit-user-select: none; - line-height: 10px; - border-radius: 50%; - cursor: pointer; - - transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36); - transition: 0.6s cubic-bezier(.165,.84,.44,1); - transition: .4s cubic-bezier(.68,-.55,.265,1.55); - transition: .4s cubic-bezier(0.19,1,0.22,1); - transition: .5s cubic-bezier(0.23, 1, 0.32, 1); - transition: .3s cubic-bezier(.175,.885,.32,1.275); - transition: .3s cubic-bezier(.075,.82,.165,1); - transition: 167ms cubic-bezier(0,0,.2,1); - transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); -} - -body.platform-mac span.inline-color-wrapper { - cursor: default; -} - -span.inline-color { - width: 100%; - height: 100%; - display: inline-block; - box-sizing: border-box; - border-radius: 50%; - position: relative; -} - -span.inline-color::after { - content: ''; - width: 100%; - height: 100%; - position: absolute; - box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744; - left: 0; - top: 0; - border-radius: 50%; -} - -span.inline-color-wrapper:hover span.inline-color::after { - box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; -} +/* + * Syntax highlighting + * Colors based on Base16 Ocean Dark + */ + +body:not(.mobile) ::-webkit-scrollbar { + width: 16px; + height: 16px; +} + +body:not(.mobile) ::-webkit-scrollbar-track { + background-color: #2B303B; +} + +body:not(.mobile) ::-webkit-scrollbar-corner { + background-color: #2B303B; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb { + border: 10px solid transparent; + border-radius: 50px; + background-clip: padding-box; + border: 4px solid transparent; + border-radius: 8px; + box-shadow: none; + min-height: 50px; + min-width: 50px; + background-color: #5f6368; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb:hover { + background-color: #777c83; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb:active { + background-color: #5f6368; +} + + +.cd-wrapper .autocomplete { + background: hsl(218deg 23% 35%); + color: #a6c3d4; + margin-top: 21px; + margin-left: -3px; + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + line-height: 1.5; + padding: 0; + box-shadow: none; + position: fixed; + z-index: 1000; + border-radius: 8px; + border-radius: 7.5px; + border: 1px solid hsl(219deg 22% 38%); + border: 2.5px solid transparent; + pointer-events: none; + overflow-y: overlay; + min-width: 62px; + /* max-width: 190px; + max-height: 224px; + max-height: 129px; */ + max-height: 140px; + /* box-shadow: 0px 3px 6px 1px hsl(221deg 16% 20%); */ + box-shadow: 0px 3px 6px 1px hsl(221deg 16% 21%); + display: none; +} + +.cd-wrapper .autocomplete.visible { + display: block; +} + +.cd-wrapper .autocomplete .icon { + padding: 2px; + border-radius: 5px; + white-space: nowrap; + overflow-x: overlay; +} + +.cd-wrapper .autocomplete .icon.active { + color: #f9f9f9; + background: hsl(218deg 27% 50%); +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar { + width: 10px; +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar-corner, +body:not(.mobile) .autocomplete::-webkit-scrollbar-track { + background: transparent; + box-shadow: none; + border-radius: 0; +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar-thumb { + background-color: rgb(249 249 249 / 15%); + border-top-width: 5px; + border-bottom-width: 5px; + border-left-width: 5px; + border-right-width: 3px; +} + +.cd-wrapper .top-hit { + position: fixed; + color: #a6c3d4; + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + pointer-events: none; + opacity: .5; +} + +.cd-wrapper .top-hit b { + opacity: 0; +} + + +cd-el { + background: #313744; + color: #a6c3d4; + caret-color: #fff; + + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + + font-size: 14px; + line-height: 1.5; + + -webkit-font-smoothing: antialiased; + border-radius: 0; + display: block; +} + +.token.punctuation, +.token.interpolation, +.token.important, +.token.atrule, +.token.url .token.content, +.token.url-reference .token.variable { + color: #a6c3d4; +} + +.token.doctype .token.punctuation { + color: inherit; +} + +.token.namespace { + opacity: 1; +} + +.token.property, +.language-css .token.variable { + color: #35d4c7; +} + +.token.boolean, +.token.number, +.token.unit, +.token.constant, +.token.symbol, +.token.deleted, +.language-css .token.string { + color: #e5b09f; +} + +.token.char, +.token.url, +.token.builtin, +.token.inserted, +.token.template-string, +.token.regex, +.token.string-property, +.token.variable { + color: #c1ffd5cc; +} + +.token.operator, +.token.entity, +.token.atrule .token.rule, +.language-css .token.function, +.token.interpolation .token.punctuation { + color: hsl(286deg 60% 72% / 93%); + color: #ce8de2; +} + +.token.attr-name, +.token.keyword { + color: #e49199; +} + +.token.function, +.token.class-name, +.token.tag, +.token.selector { + color: #75bfff; +} + +.token.comment, +.token.comment * { + color: hsl(218deg 7% 64% / 72%) !important; +} + +.token.prolog, +.token.doctype, +.token.cdata { + color: hsl(218deg 7% 64% / 72%); +} + +.language-markdown .token.list, +.language-markdown .token.title .token.punctuation { + color: hsl(218deg 7% 64% / 72%); +} + +.token.string, +.token.string *, +.token.attr-value, +.token.attr-value *:not(.attr-equals), +.style .token.string { + color: #c1ffd5cc !important; +} + +.token.doctype .token.string, +.token.doctype .token.string * { + color: inherit !important; +} + +.token.italic { + font-style: normal; +} + +.token.entity { + cursor: unset; +} + +.token.url-link, +.token.email-link, +.token.md-link { + color: inherit; + caret-color: #fff; + text-decoration: underline; +} + + +.token.brace.brace-active { + position: relative; + background: rgb(166 195 212 / 12%); + border-radius: 2.5px 2.5px 0 0; + box-shadow: 0 1px 0 0 rgb(166 195 212 / 12%); +} + +.token.brace.brace-active::before, +.token.brace.brace-active::after { + content: ''; + bottom: -2.5px; + left: 0; + width: 50%; + height: 2px; + background: #a6c3d4; + position: absolute; + transform: rotateZ(25deg); + transform-origin: bottom; + pointer-events: none; +} + +.token.brace.brace-active::after { + left: 50%; + transform: rotateZ(-25deg); +} + + +.line-numbers { + position: relative; + padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); + --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); +} + +.line-numbers .line-numbers-rows { + position: sticky; + cursor: default; + left: 0; + user-select: none; + -webkit-user-select: none; + pointer-events: none; + line-height: inherit; + font-size: inherit; + color: #636d83; + background: #313744; + display: block; + text-align: right; + min-width: 1.2em; + white-space: pre; + float: left; + z-index: 1; + margin-right: -100%; + transform: translateX(-100%); + padding-left: calc(13.5px + 0.2px + env(safe-area-inset-left)); + padding-right: 13.5px; +} + +.line-numbers .line-numbers-rows::before { + content: attr(line-numbers); +} + + +span.inline-color-wrapper { + /* + * The background image is the following SVG inline in base 64: + * + * + * + * + * + * + * SVG-inlining explained: + * https://stackoverflow.com/a/21626701/7595472 + */ + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==); + + height: 12px; + width: 12px; + margin-left: 2px; + margin-right: 4px; + display: inline-block; + user-select: none; + -webkit-user-select: none; + line-height: 10px; + border-radius: 50%; + cursor: pointer; + + transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36); + transition: 0.6s cubic-bezier(.165,.84,.44,1); + transition: .4s cubic-bezier(.68,-.55,.265,1.55); + transition: .4s cubic-bezier(0.19,1,0.22,1); + transition: .5s cubic-bezier(0.23, 1, 0.32, 1); + transition: .3s cubic-bezier(.175,.885,.32,1.275); + transition: .3s cubic-bezier(.075,.82,.165,1); + transition: 167ms cubic-bezier(0,0,.2,1); + transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); +} + +body.platform-mac span.inline-color-wrapper { + cursor: default; +} + +span.inline-color { + width: 100%; + height: 100%; + display: inline-block; + box-sizing: border-box; + border-radius: 50%; + position: relative; +} + +span.inline-color::after { + content: ''; + width: 100%; + height: 100%; + position: absolute; + box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744; + left: 0; + top: 0; + border-radius: 50%; +} + +span.inline-color-wrapper:hover span.inline-color::after { + box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; +} From da07e2d22aaf97cd74e8780ade430b57b176239e Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sat, 7 Jan 2023 18:54:08 +0200 Subject: [PATCH 055/118] Update dark-theme.css --- dark-theme.css | 1 - 1 file changed, 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index a4644107a9..a75852d775 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -1,6 +1,5 @@ /* * Syntax highlighting - * Colors based on Base16 Ocean Dark */ body:not(.mobile) ::-webkit-scrollbar { From 4f9643e1fd4c2d6c77dab759fa6fa36511dbd0d8 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 17:20:37 +0200 Subject: [PATCH 056/118] Update full.html --- full.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.html b/full.html index afcfb0aa31..1ed5256da7 100644 --- a/full.html +++ b/full.html @@ -229,7 +229,7 @@ - Push + Push with message...
From ef16ceac2624c5cad328261630e3e0a8334abed4 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 17:22:47 +0200 Subject: [PATCH 057/118] Update full.html --- full.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/full.html b/full.html index 1ed5256da7..3f74d400c6 100644 --- a/full.html +++ b/full.html @@ -249,19 +249,19 @@ Share
-
+
- + - New folder with selection + Discard changes
-
+
- + - Discard changes + New folder with selection
From ae9d7610a5b669e671e470b74e9086470bd0ab59 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 17:43:55 +0200 Subject: [PATCH 058/118] Update full.css --- full.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/full.css b/full.css index a6ecd4004e..1bfd3ab5d8 100644 --- a/full.css +++ b/full.css @@ -1743,6 +1743,12 @@ body.mobile .menu .icon a { transform: scale(1.35) translateX(-0.1px); } +.menu hr { + border: 0; + border-bottom: 1px solid #f1f1f21c; + margin: 7px 14px; +} + .context-menu { margin-top: -7px; margin-left: -6px; From 807c3d928105c44cb8e6267099a5a73f66aabeab Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 20:55:58 +0200 Subject: [PATCH 059/118] Update full.html --- full.html | 99 +++++++++++++++++++++++++++---------------------------- 1 file changed, 48 insertions(+), 51 deletions(-) diff --git a/full.html b/full.html index 3f74d400c6..d4b09cc0e5 100644 --- a/full.html +++ b/full.html @@ -224,57 +224,54 @@
-
- - - - - Push with message... -
-
- - - - - - - - - Rename -
- -
- - - - - Discard changes -
-
- - - - - New folder with selection -
-
- - - - - Delete -
-
- - - - Import CodePen +
+
+ + + + + Push with message... +
+ +
+ + + + + Discard changes +
+
+
+ + + + + New folder with files +
+
+ + + + + + + + + Rename +
+
+ + + + + Delete +
From a369ce660a4f0ad2eb52b5c19007ffcd3f3e5e96 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 20:56:21 +0200 Subject: [PATCH 060/118] Update full.css --- full.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/full.css b/full.css index 1bfd3ab5d8..4c9be01eee 100644 --- a/full.css +++ b/full.css @@ -1767,7 +1767,8 @@ body.mobile .context-menu { display: none; } -.context-menu .icon:not(.push, .discard-changes, .share) { +.context-menu .icon:not(.push, .discard-changes, .share), +.context-menu hr { display: none; } From 132b3e9398d52571187c73f43a7e99052987c1e7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 20:57:18 +0200 Subject: [PATCH 061/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index 4c9be01eee..5b1a06dab9 100644 --- a/full.css +++ b/full.css @@ -1616,7 +1616,7 @@ body.mobile .sidebar .button { top: 20px; left: 20px; /* right: 20px; */ - padding: 2px; + padding: 3px; min-width: 136px; max-width: 375px; max-height: calc(100vh - 80px - 6px - env(safe-area-inset-bottom, 0px)); From 468eb0f8eff61494de13ffac2bea462230a1b291 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 20:58:57 +0200 Subject: [PATCH 062/118] Update full.css --- full.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/full.css b/full.css index 5b1a06dab9..454c5789c6 100644 --- a/full.css +++ b/full.css @@ -2040,7 +2040,7 @@ body:not(.mobile) .dialog .button:not(:active):hover { color: #dcddde; font-weight: 500; line-height: 1.5; - padding: 0; + padding: 6px 12px; border-radius: 8px; box-shadow: 0 8px 16px rgb(0 0 0 / 24%); /* left: calc(((100vw - var( --sidebar-width)) / 2) + var(--sidebar-width)); */ @@ -2061,7 +2061,7 @@ body:not(.mobile) .dialog .button:not(:active):hover { .message.animating { color: transparent; border-radius: 8px; - padding: 0; + padding: 6px 12px; transition: none; } From 2bc4a5c5a9d1ab36b844f0006aad1e1e94d7dff9 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 21:02:20 +0200 Subject: [PATCH 063/118] Update full.html --- full.html | 94 +++++++++++++++++++++++++++---------------------------- 1 file changed, 46 insertions(+), 48 deletions(-) diff --git a/full.html b/full.html index d4b09cc0e5..d430c4e583 100644 --- a/full.html +++ b/full.html @@ -224,54 +224,52 @@
-
-
- - - - - Push with message... -
- -
- - - - - Discard changes -
-
-
- - - - - New folder with files -
-
- - - - - - - - - Rename -
-
- - - - - Delete -
+
+ + + + + Push with message... +
+ +
+ + + + + Discard changes +
+
+
+ + + + + New folder with files +
+
+ + + + + + + + + Rename +
+
+ + + + + Delete
From 0faf75b13f0209676eedbfdccc95fb4191eaf0e9 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Sun, 8 Jan 2023 21:03:57 +0200 Subject: [PATCH 064/118] Update full.html --- full.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.html b/full.html index d430c4e583..7621566fe1 100644 --- a/full.html +++ b/full.html @@ -251,7 +251,7 @@ - New folder with files + New folder with file
From 77502dd5fc20914df99da3ce8a71740a12fbe83d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:11:06 +0200 Subject: [PATCH 065/118] Update filebrowser.js --- filebrowser.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/filebrowser.js b/filebrowser.js index aea6ed31f9..c02295263d 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -1996,7 +1996,7 @@ function scrolledSidebarTitle() { } - if (Math.round(sidebarLogo.offsetWidth + sidebarLogo.scrollLeft) + if ((sidebarLogo.offsetWidth + sidebarLogo.scrollLeft - 1) >= sidebarLogo.scrollWidth) { sidebarLogo.classList.add('scrolled-end'); From d0b536cdcf4bcc7ffc40b9a8d73c665ee91ba698 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:11:56 +0200 Subject: [PATCH 066/118] Update filebrowser.js --- filebrowser.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/filebrowser.js b/filebrowser.js index c02295263d..fef2ff4cb6 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -1996,7 +1996,7 @@ function scrolledSidebarTitle() { } - if ((sidebarLogo.offsetWidth + sidebarLogo.scrollLeft - 1) + if ((sidebarLogo.offsetWidth + sidebarLogo.scrollLeft + 1) >= sidebarLogo.scrollWidth) { sidebarLogo.classList.add('scrolled-end'); From 8efc9a035d6f5f9e447e137efaec76f2add099e7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:15:05 +0200 Subject: [PATCH 067/118] Update utils.js --- utils.js | 1 + 1 file changed, 1 insertion(+) diff --git a/utils.js b/utils.js index 2e0abef45f..c37af3a5c9 100644 --- a/utils.js +++ b/utils.js @@ -942,6 +942,7 @@ const folderIcon = ' Date: Mon, 9 Jan 2023 12:16:02 +0200 Subject: [PATCH 068/118] Update dark-theme.css --- dark-theme.css | 1 + 1 file changed, 1 insertion(+) diff --git a/dark-theme.css b/dark-theme.css index a75852d775..e90d677302 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -266,6 +266,7 @@ cd-el { .line-numbers { position: relative; padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); + scroll-padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); } From 6728af4591d29950abedbe11d51cb7607902e6b9 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:22:36 +0200 Subject: [PATCH 069/118] Update full.css --- full.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/full.css b/full.css index 454c5789c6..763ec18bee 100644 --- a/full.css +++ b/full.css @@ -44,7 +44,6 @@ body.notransition .cd-wrapper { body cd-el { width: 100%; height: 100%; - padding: 10px; padding: 10.5px 13.5px; left: 0; font-size: 14px; @@ -55,6 +54,9 @@ body cd-el { word-wrap: normal; padding-bottom: calc(41px + 10.5px); scroll-padding-bottom: calc(41px + 10.5px); + scroll-padding-top: 10.5px; + scroll-padding-right: 13.5px; + scroll-padding-left: 13.5px; } .bottom-wrapper { @@ -94,7 +96,7 @@ body.notransition .bottom-wrapper { margin: 45px 0; width: calc(100% - 45px); max-width: 600px; - display: flex; +display: flex; align-items: center; justify-content: space-between; border-radius: 20px; From 8a5ecd0ec835412337aa1ef77a0ac0955069bc78 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:24:55 +0200 Subject: [PATCH 070/118] Update full.css --- full.css | 1 - 1 file changed, 1 deletion(-) diff --git a/full.css b/full.css index 763ec18bee..8bc4115812 100644 --- a/full.css +++ b/full.css @@ -55,7 +55,6 @@ body cd-el { padding-bottom: calc(41px + 10.5px); scroll-padding-bottom: calc(41px + 10.5px); scroll-padding-top: 10.5px; - scroll-padding-right: 13.5px; scroll-padding-left: 13.5px; } From f660b9674c1b046981b2250b34a8f32b144f7c35 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:25:40 +0200 Subject: [PATCH 071/118] Update full.css --- full.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/full.css b/full.css index 8bc4115812..f2a1b63349 100644 --- a/full.css +++ b/full.css @@ -54,8 +54,6 @@ body cd-el { word-wrap: normal; padding-bottom: calc(41px + 10.5px); scroll-padding-bottom: calc(41px + 10.5px); - scroll-padding-top: 10.5px; - scroll-padding-left: 13.5px; } .bottom-wrapper { From 2be3ddff9a86b4da0c7437a2ca3c7632ee27c718 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:28:13 +0200 Subject: [PATCH 072/118] Update filebrowser.js --- filebrowser.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/filebrowser.js b/filebrowser.js index fef2ff4cb6..42148c1b64 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -548,6 +548,7 @@ async function renderSidebarHTML() { if (fileType === 'image') fileIconHTML = imageIcon; if (fileType === 'video') fileIconHTML = videoIcon; if (fileType === 'audio') fileIconHTML = audioIcon; + if (fileType === 'markdown') fileIconHTML = markdownIcon; out += `
@@ -605,6 +606,7 @@ async function renderSidebarHTML() { if (fileType === 'image') fileIconHTML = imageIcon; if (fileType === 'video') fileIconHTML = videoIcon; if (fileType === 'audio') fileIconHTML = audioIcon; + if (fileType === 'markdown') fileIconHTML = markdownIcon; out = `
From b98f6a77b670641f1cd67c922324c1a56fd3356f Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 15:29:11 +0200 Subject: [PATCH 073/118] Update filebrowser.js --- filebrowser.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/filebrowser.js b/filebrowser.js index 42148c1b64..50134fc20b 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -390,7 +390,7 @@ async function renderSidebarHTML() { // stop loading stopLoading(); - showMessage('Whoops, your Git login expired.', 5000); + showMessage('Your Git login expired.', 4000); sidebar.classList.add('intro'); From eb96a8c77d5997b9b30fbef18e89d0fc01756628 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 15:39:49 +0200 Subject: [PATCH 074/118] Update filebrowser.js --- filebrowser.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/filebrowser.js b/filebrowser.js index 50134fc20b..540d38e046 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -3304,7 +3304,10 @@ function setupEditor() { if (shownMessages.save < 2) { // show message - showMessage('We autosave :D'); + showMessage({ + icon: '', + message: 'There\'s autosave' + }); // bump counter shownMessages.save++; From 8e312c738514e22e74596ff012f66471b93ab85e Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 15:45:31 +0200 Subject: [PATCH 075/118] Update filebrowser.js --- filebrowser.js | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index 540d38e046..9b4d810bdc 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -3319,7 +3319,7 @@ function setupEditor() { } - let beautifierOptions = { + let formatterOptions = { "indent_size": "2", "indent_char": " ", "max_preserve_newlines": "5", @@ -3339,7 +3339,7 @@ function setupEditor() { "indent_empty_lines": false }; - // beautify on Ctrl/Cmd + D + // format on Ctrl/Cmd + D if ((e.key === 'd' || e.keyCode === 68) && isKeyEventMeta(e)) { @@ -3363,36 +3363,36 @@ function setupEditor() { if (selLang == 'markup') selLang = 'html'; // find syntax for language - const beautifyLang = beautifier[selLang]; + const formatSyntax = beautifier[selLang]; // if syntax exists - if (beautifyLang) { + if (formatSyntax) { - // beautify - beautifierOptions.indent_char = cd.options.tab[0]; - let beautifiedText = beautifyLang(selText, beautifierOptions); + // format + formatterOptions.indent_char = cd.options.tab[0]; + let formattedText = formatSyntax(selText, formatterOptions); - // prevent deleting ending newline when beautifying - if (selText.endsWith('\n') && !beautifiedText.endsWith('\n')) { + // prevent deleting ending newline when formatting + if (selText.endsWith('\n') && !formattedText.endsWith('\n')) { - beautifiedText += '\n'; + formattedText += '\n'; } - // compare current code with new code + // compare current code with formatted code // if the code is different, swap it - if (hashCode(selText) !== hashCode(beautifiedText)) { + if (hashCode(selText) !== hashCode(formattedText)) { // replace selection contents - // with beautified text + // with formatted text cd.deleteCurrentSelection(); - cd.insert(beautifiedText, { moveToEnd: false }); + cd.insert(formattedText, { moveToEnd: false }); // get caret pos in text const pos = cd.getSelection(); // select beautified text - cd.setSelection(pos.start, (pos.start + beautifiedText.length)); + cd.setSelection(pos.start, (pos.start + formattedText.length)); // dispatch type event (simulate typing) cd.dispatchTypeEvent(); @@ -3403,16 +3403,16 @@ function setupEditor() { } else { - if (!shownMessages.beautifySelect) shownMessages.beautifySelect = 0; + if (!shownMessages.formatSelect) shownMessages.formatSelect = 0; // if shown message less than two times - if (shownMessages.beautifySelect < 2) { + if (shownMessages.formatSelect < 2) { - // show beautify select message + // show format select message showMessage('Try selecting some text first.', 4100); // bump counter - shownMessages.beautifySelect++; + shownMessages.formatSelect++; saveShownMessagesLS(); @@ -3441,8 +3441,8 @@ function setupEditor() { // if codeit is active if (document.activeElement === cd) { - if (!isMac) showMessage('Try beautifying with Ctrl + D', 5000); - else showMessage('Try beautifying with ⌘ + D', 5000); + if (!isMac) showMessage('Try formatting with Ctrl + D', 5000); + else showMessage('Try formatting with ⌘ + D', 5000); } From 175542d6d2a8cb475d0ec966c1ea105c264a913c Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 15:46:29 +0200 Subject: [PATCH 076/118] Update gitauth.js --- git/gitauth.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/git/gitauth.js b/git/gitauth.js index 517722df9f..cae17ad4c4 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -75,6 +75,9 @@ window.addEventListener('load', async () => { // show sidebar title sidebarLogo.innerText = 'Repositories'; + // hide branch button + sidebarBranch.classList.remove('visible'); + } // if on safari, refresh header color From cee5c07679616be628ba142b521f58e672fb55df Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 15:47:51 +0200 Subject: [PATCH 077/118] Update gitauth.js --- git/gitauth.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/git/gitauth.js b/git/gitauth.js index cae17ad4c4..d354477ddd 100644 --- a/git/gitauth.js +++ b/git/gitauth.js @@ -78,6 +78,16 @@ window.addEventListener('load', async () => { // hide branch button sidebarBranch.classList.remove('visible'); + sidebarLogo.classList.add('notransition'); + + // scroll to start of title + sidebarLogo.scrollTo(0, 0); + scrolledSidebarTitle(); + + onNextFrame(() => { + sidebarLogo.classList.remove('notransition'); + }); + } // if on safari, refresh header color From 1c255196c98b307c72441bfdda80c60769ea3a79 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Mon, 9 Jan 2023 15:48:34 +0200 Subject: [PATCH 078/118] Update filebrowser.js --- filebrowser.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/filebrowser.js b/filebrowser.js index 9b4d810bdc..ec6ddc74e3 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -1176,7 +1176,7 @@ async function checkPushDialogs() { } else { // if user has push access in repo // if pushing a git workflow file, - // request additional permissions + // request legacy additional permissions if (getStorage('hasWorkflowPermission') === null && treeLoc[2] === '/.github/workflows') { From d116359fa8dc1001827cd16e346aa961caa906f0 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 18:06:04 +0200 Subject: [PATCH 079/118] Update utils.js --- utils.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/utils.js b/utils.js index c37af3a5c9..d1dcb4262c 100644 --- a/utils.js +++ b/utils.js @@ -936,7 +936,7 @@ axios = { // HTML Icons const repoIcon = ''; -const fileIcon = ' '; +const fileIcon = ' '; const folderIcon = ' '; const imageIcon = ' '; From 3b8b4ac0d31d795d1048040835becc0a0af6e125 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 18:34:38 +0200 Subject: [PATCH 080/118] Update utils.js --- utils.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/utils.js b/utils.js index d1dcb4262c..4566b29945 100644 --- a/utils.js +++ b/utils.js @@ -427,7 +427,7 @@ let getFileType = (fileName) => { let fileType = 'other'; - if (fileName === 'README') return 'markdown'; + if (fileName.includes('README')) return 'readme'; Object.entries(fileTypes).forEach(type => { @@ -942,7 +942,7 @@ const folderIcon = ' Date: Wed, 11 Jan 2023 18:35:24 +0200 Subject: [PATCH 081/118] Update filebrowser.js --- filebrowser.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index ec6ddc74e3..d4134974ac 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -548,7 +548,7 @@ async function renderSidebarHTML() { if (fileType === 'image') fileIconHTML = imageIcon; if (fileType === 'video') fileIconHTML = videoIcon; if (fileType === 'audio') fileIconHTML = audioIcon; - if (fileType === 'markdown') fileIconHTML = markdownIcon; + if (fileType === 'readme') fileIconHTML = readmeIcon; out += `
@@ -606,7 +606,7 @@ async function renderSidebarHTML() { if (fileType === 'image') fileIconHTML = imageIcon; if (fileType === 'video') fileIconHTML = videoIcon; if (fileType === 'audio') fileIconHTML = audioIcon; - if (fileType === 'markdown') fileIconHTML = markdownIcon; + if (fileType === 'readme') fileIconHTML = readmeIcon; out = `
From c23af894d02a92d172c897e2e1d04c0b1c42d8c6 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 18:37:06 +0200 Subject: [PATCH 082/118] Update full.css --- full.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/full.css b/full.css index f2a1b63349..53cfe2e441 100644 --- a/full.css +++ b/full.css @@ -1612,6 +1612,7 @@ body.mobile .sidebar .button { line-height: 1.5; margin-top: 4.5px; transform: translateY(-7px); + transform: translate(-1px, -1px); top: 20px; left: 20px; /* right: 20px; */ @@ -1637,6 +1638,7 @@ body.mobile .sidebar .button { opacity: 1; transition: .18s var(--bounce-function); transition-property: transform, padding, opacity; + transition-property: transform, padding; } body.mobile .menu { From 90149b4050bc48e64ed7b2a65c2d9b5dc437a07f Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 18:38:37 +0200 Subject: [PATCH 083/118] Update utils.js --- utils.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/utils.js b/utils.js index 4566b29945..8baeb16ef5 100644 --- a/utils.js +++ b/utils.js @@ -942,7 +942,7 @@ const folderIcon = ' Date: Wed, 11 Jan 2023 18:45:45 +0200 Subject: [PATCH 084/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index 53cfe2e441..9f3bd0e679 100644 --- a/full.css +++ b/full.css @@ -93,7 +93,7 @@ body.notransition .bottom-wrapper { margin: 45px 0; width: calc(100% - 45px); max-width: 600px; -display: flex; + display: flex; align-items: center; justify-content: space-between; border-radius: 20px; From ac3da82eff11229ecb7ed330a574920ec2b75a8b Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 18:58:59 +0200 Subject: [PATCH 085/118] Update full.css --- full.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/full.css b/full.css index 9f3bd0e679..fbcee29b0a 100644 --- a/full.css +++ b/full.css @@ -167,10 +167,10 @@ body.notransition .bottom-wrapper { .bottom-float .badge { position: absolute; - bottom: 16px; + bottom: 17px; left: 35px; - width: 8px; - height: 8px; + width: 7px; + height: 7px; background: var(--rosemary-lighter); border-radius: 50%; box-shadow: 0 0 0 2px #191d25; @@ -1217,8 +1217,8 @@ body.mobile .sidebar .header .title .branch-icon.active { position: absolute; bottom: 0; left: 15px; - width: 8px; - height: 8px; + width: 7px; + height: 7px; background: var(--rosemary-lighter); border-radius: 50%; box-shadow: 0 0 0 2px #191d24; From 714bf6bd5f3eb6393a4d524077b9b022dd4904dc Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:00:12 +0200 Subject: [PATCH 086/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index fbcee29b0a..ad93d71932 100644 --- a/full.css +++ b/full.css @@ -168,7 +168,7 @@ body.notransition .bottom-wrapper { .bottom-float .badge { position: absolute; bottom: 17px; - left: 35px; + left: 36px; width: 7px; height: 7px; background: var(--rosemary-lighter); From 55cc62e028b23d67d2a42a300643a240d3dc46a7 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:03:52 +0200 Subject: [PATCH 087/118] Update utils.js --- utils.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/utils.js b/utils.js index 8baeb16ef5..fca056cdee 100644 --- a/utils.js +++ b/utils.js @@ -427,8 +427,6 @@ let getFileType = (fileName) => { let fileType = 'other'; - if (fileName.includes('README')) return 'readme'; - Object.entries(fileTypes).forEach(type => { if (type[1].includes(extension)) { From 25f85e540e62621b2b66ba85fd3972ff094b3b66 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:04:58 +0200 Subject: [PATCH 088/118] Update filebrowser.js --- filebrowser.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/filebrowser.js b/filebrowser.js index d4134974ac..f2f64d79de 100644 --- a/filebrowser.js +++ b/filebrowser.js @@ -548,7 +548,7 @@ async function renderSidebarHTML() { if (fileType === 'image') fileIconHTML = imageIcon; if (fileType === 'video') fileIconHTML = videoIcon; if (fileType === 'audio') fileIconHTML = audioIcon; - if (fileType === 'readme') fileIconHTML = readmeIcon; + if (file.name.includes('README')) fileIconHTML = readmeIcon; out += `
@@ -606,7 +606,7 @@ async function renderSidebarHTML() { if (fileType === 'image') fileIconHTML = imageIcon; if (fileType === 'video') fileIconHTML = videoIcon; if (fileType === 'audio') fileIconHTML = audioIcon; - if (fileType === 'readme') fileIconHTML = readmeIcon; + if (file.name.includes('README')) fileIconHTML = readmeIcon; out = `
From ad837ab704fdeda637ba3e654e628b8d32db68a3 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:08:07 +0200 Subject: [PATCH 089/118] Update full.html --- full.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/full.html b/full.html index 7621566fe1..c3a2d79c4d 100644 --- a/full.html +++ b/full.html @@ -80,8 +80,8 @@
- - + +
From beb0f73f7918f456f8a80ad13cfdd08e40ecbe5c Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:09:41 +0200 Subject: [PATCH 090/118] Update live-view.js --- live-view/live-view.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/live-view/live-view.js b/live-view/live-view.js index e46aa1a1fe..65ba6d95d8 100644 --- a/live-view/live-view.js +++ b/live-view/live-view.js @@ -547,9 +547,25 @@ if (isMobile) { liveButtonOptions.addEventListener('click', () => { + // share live view link + + // create a link + const link = createLink({ + dir: treeLoc, + file: selectedFile + }); + + navigator.share({ + title: 'Run ' + treeLoc[0] + '/' + treeLoc[1].split(':')[0] + ' with Codeit', + url: link, + }); + + + /* // if clicked on options button, toggle menu liveViewMenu.classList.toggle('visible'); liveButtonOptions.classList.toggle('active'); + */ }); From 9b33c55a19b01f196c8ad6d282ee7046c322d199 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:12:15 +0200 Subject: [PATCH 091/118] Update full.css --- full.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/full.css b/full.css index ad93d71932..a19afffb3d 100644 --- a/full.css +++ b/full.css @@ -891,7 +891,7 @@ body:not(.mobile) .sidebar .header .title-screen .title:not(.scrolling, :has(> . width: 28px; height: 20px; background: linear-gradient(270deg, #1a1c24, #1a1c2400); - transition: .18s var(--ease-function) opacity; + transition: .1s var(--ease-function) opacity; pointer-events: none; opacity: 0; z-index: 1; From 12ec2166fff56e93b402526743f9316d6c4afde2 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:15:40 +0200 Subject: [PATCH 092/118] Update client-channel.js --- worker/client-channel.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/worker/client-channel.js b/worker/client-channel.js index bd2b059b25..ca64eda387 100644 --- a/worker/client-channel.js +++ b/worker/client-channel.js @@ -4,7 +4,7 @@ // update worker name when updating worker -const WORKER_NAME = 'codeit-worker-v624'; +const WORKER_NAME = 'codeit-worker-v625'; // internal paths From 6947dfeaa69a35e0323f2ad061c7f09df8fcfba3 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:21:55 +0200 Subject: [PATCH 093/118] Update dark-theme.css --- dark-theme.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index e90d677302..cf73c99bc2 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -1,5 +1,6 @@ /* * Syntax highlighting + * Colors based on Base16 Ocean Dark */ body:not(.mobile) ::-webkit-scrollbar { @@ -9,10 +10,17 @@ body:not(.mobile) ::-webkit-scrollbar { body:not(.mobile) ::-webkit-scrollbar-track { background-color: #2B303B; + box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-track:horizontal { + box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); } body:not(.mobile) ::-webkit-scrollbar-corner { background-color: #2B303B; + box-shadow: inset -15px -15px 0 0 #2B303B, + inset 1px 1px 0 0 rgba(0,0,0,0.2); } body:not(.mobile) ::-webkit-scrollbar-thumb { @@ -201,11 +209,6 @@ cd-el { color: hsl(218deg 7% 64% / 72%); } -.language-markdown .token.list, -.language-markdown .token.title .token.punctuation { - color: hsl(218deg 7% 64% / 72%); -} - .token.string, .token.string *, .token.attr-value, @@ -266,7 +269,6 @@ cd-el { .line-numbers { position: relative; padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); - scroll-padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); } @@ -361,3 +363,4 @@ span.inline-color::after { span.inline-color-wrapper:hover span.inline-color::after { box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; } + From 0f5073275d6ce393192c9a51c1dbc50b24a27e1f Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:27:17 +0200 Subject: [PATCH 094/118] Restore dark-theme.css --- dark-theme.css | 731 ++++++++++++++++++++++++------------------------- 1 file changed, 365 insertions(+), 366 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index cf73c99bc2..03e85395fa 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -1,366 +1,365 @@ -/* - * Syntax highlighting - * Colors based on Base16 Ocean Dark - */ - -body:not(.mobile) ::-webkit-scrollbar { - width: 16px; - height: 16px; -} - -body:not(.mobile) ::-webkit-scrollbar-track { - background-color: #2B303B; - box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-track:horizontal { - box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-corner { - background-color: #2B303B; - box-shadow: inset -15px -15px 0 0 #2B303B, - inset 1px 1px 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-thumb { - border: 10px solid transparent; - border-radius: 50px; - background-clip: padding-box; - border: 4px solid transparent; - border-radius: 8px; - box-shadow: none; - min-height: 50px; - min-width: 50px; - background-color: #5f6368; -} - -body:not(.mobile) ::-webkit-scrollbar-thumb:hover { - background-color: #777c83; -} - -body:not(.mobile) ::-webkit-scrollbar-thumb:active { - background-color: #5f6368; -} - - -.cd-wrapper .autocomplete { - background: hsl(218deg 23% 35%); - color: #a6c3d4; - margin-top: 21px; - margin-left: -3px; - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - line-height: 1.5; - padding: 0; - box-shadow: none; - position: fixed; - z-index: 1000; - border-radius: 8px; - border-radius: 7.5px; - border: 1px solid hsl(219deg 22% 38%); - border: 2.5px solid transparent; - pointer-events: none; - overflow-y: overlay; - min-width: 62px; - /* max-width: 190px; - max-height: 224px; - max-height: 129px; */ - max-height: 140px; - /* box-shadow: 0px 3px 6px 1px hsl(221deg 16% 20%); */ - box-shadow: 0px 3px 6px 1px hsl(221deg 16% 21%); - display: none; -} - -.cd-wrapper .autocomplete.visible { - display: block; -} - -.cd-wrapper .autocomplete .icon { - padding: 2px; - border-radius: 5px; - white-space: nowrap; - overflow-x: overlay; -} - -.cd-wrapper .autocomplete .icon.active { - color: #f9f9f9; - background: hsl(218deg 27% 50%); -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar { - width: 10px; -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar-corner, -body:not(.mobile) .autocomplete::-webkit-scrollbar-track { - background: transparent; - box-shadow: none; - border-radius: 0; -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar-thumb { - background-color: rgb(249 249 249 / 15%); - border-top-width: 5px; - border-bottom-width: 5px; - border-left-width: 5px; - border-right-width: 3px; -} - -.cd-wrapper .top-hit { - position: fixed; - color: #a6c3d4; - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - pointer-events: none; - opacity: .5; -} - -.cd-wrapper .top-hit b { - opacity: 0; -} - - -cd-el { - background: #313744; - color: #a6c3d4; - caret-color: #fff; - - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - - font-size: 14px; - line-height: 1.5; - - -webkit-font-smoothing: antialiased; - border-radius: 0; - display: block; -} - -.token.punctuation, -.token.interpolation, -.token.important, -.token.atrule, -.token.url .token.content, -.token.url-reference .token.variable { - color: #a6c3d4; -} - -.token.doctype .token.punctuation { - color: inherit; -} - -.token.namespace { - opacity: 1; -} - -.token.property, -.language-css .token.variable { - color: #35d4c7; -} - -.token.boolean, -.token.number, -.token.unit, -.token.constant, -.token.symbol, -.token.deleted, -.language-css .token.string { - color: #e5b09f; -} - -.token.char, -.token.url, -.token.builtin, -.token.inserted, -.token.template-string, -.token.regex, -.token.string-property, -.token.variable { - color: #c1ffd5cc; -} - -.token.operator, -.token.entity, -.token.atrule .token.rule, -.language-css .token.function, -.token.interpolation .token.punctuation { - color: hsl(286deg 60% 72% / 93%); - color: #ce8de2; -} - -.token.attr-name, -.token.keyword { - color: #e49199; -} - -.token.function, -.token.class-name, -.token.tag, -.token.selector { - color: #75bfff; -} - -.token.comment, -.token.comment * { - color: hsl(218deg 7% 64% / 72%) !important; -} - -.token.prolog, -.token.doctype, -.token.cdata { - color: hsl(218deg 7% 64% / 72%); -} - -.token.string, -.token.string *, -.token.attr-value, -.token.attr-value *:not(.attr-equals), -.style .token.string { - color: #c1ffd5cc !important; -} - -.token.doctype .token.string, -.token.doctype .token.string * { - color: inherit !important; -} - -.token.italic { - font-style: normal; -} - -.token.entity { - cursor: unset; -} - -.token.url-link, -.token.email-link, -.token.md-link { - color: inherit; - caret-color: #fff; - text-decoration: underline; -} - - -.token.brace.brace-active { - position: relative; - background: rgb(166 195 212 / 12%); - border-radius: 2.5px 2.5px 0 0; - box-shadow: 0 1px 0 0 rgb(166 195 212 / 12%); -} - -.token.brace.brace-active::before, -.token.brace.brace-active::after { - content: ''; - bottom: -2.5px; - left: 0; - width: 50%; - height: 2px; - background: #a6c3d4; - position: absolute; - transform: rotateZ(25deg); - transform-origin: bottom; - pointer-events: none; -} - -.token.brace.brace-active::after { - left: 50%; - transform: rotateZ(-25deg); -} - - -.line-numbers { - position: relative; - padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); - --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); -} - -.line-numbers .line-numbers-rows { - position: sticky; - cursor: default; - left: 0; - user-select: none; - -webkit-user-select: none; - pointer-events: none; - line-height: inherit; - font-size: inherit; - color: #636d83; - background: #313744; - display: block; - text-align: right; - min-width: 1.2em; - white-space: pre; - float: left; - z-index: 1; - margin-right: -100%; - transform: translateX(-100%); - padding-left: calc(13.5px + 0.2px + env(safe-area-inset-left)); - padding-right: 13.5px; -} - -.line-numbers .line-numbers-rows::before { - content: attr(line-numbers); -} - - -span.inline-color-wrapper { - /* - * The background image is the following SVG inline in base 64: - * - * - * - * - * - * - * SVG-inlining explained: - * https://stackoverflow.com/a/21626701/7595472 - */ - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==); - - height: 12px; - width: 12px; - margin-left: 2px; - margin-right: 4px; - display: inline-block; - user-select: none; - -webkit-user-select: none; - line-height: 10px; - border-radius: 50%; - cursor: pointer; - - transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36); - transition: 0.6s cubic-bezier(.165,.84,.44,1); - transition: .4s cubic-bezier(.68,-.55,.265,1.55); - transition: .4s cubic-bezier(0.19,1,0.22,1); - transition: .5s cubic-bezier(0.23, 1, 0.32, 1); - transition: .3s cubic-bezier(.175,.885,.32,1.275); - transition: .3s cubic-bezier(.075,.82,.165,1); - transition: 167ms cubic-bezier(0,0,.2,1); - transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); -} - -body.platform-mac span.inline-color-wrapper { - cursor: default; -} - -span.inline-color { - width: 100%; - height: 100%; - display: inline-block; - box-sizing: border-box; - border-radius: 50%; - position: relative; -} - -span.inline-color::after { - content: ''; - width: 100%; - height: 100%; - position: absolute; - box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744; - left: 0; - top: 0; - border-radius: 50%; -} - -span.inline-color-wrapper:hover span.inline-color::after { - box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; -} - +/* + * Syntax highlighting + * Colors based on Base16 Ocean Dark + */ + +body:not(.mobile) ::-webkit-scrollbar { + width: 16px; + height: 16px; +} + +body:not(.mobile) ::-webkit-scrollbar-track { + background-color: #2B303B; + box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-track:horizontal { + box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-corner { + background-color: #2B303B; + box-shadow: inset -15px -15px 0 0 #2B303B, + inset 1px 1px 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-thumb { + border: 10px solid transparent; + border-radius: 50px; + background-clip: padding-box; + border: 4px solid transparent; + border-radius: 8px; + box-shadow: none; + min-height: 50px; + min-width: 50px; + background-color: #5f6368; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb:hover { + background-color: #777c83; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb:active { + background-color: #5f6368; +} + + +.cd-wrapper .autocomplete { + background: hsl(218deg 23% 35%); + color: #a6c3d4; + margin-top: 21px; + margin-left: -3px; + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + line-height: 1.5; + padding: 0; + box-shadow: none; + position: fixed; + z-index: 1000; + border-radius: 8px; + border-radius: 7.5px; + border: 1px solid hsl(219deg 22% 38%); + border: 2.5px solid transparent; + pointer-events: none; + overflow-y: overlay; + min-width: 62px; + /* max-width: 190px; + max-height: 224px; + max-height: 129px; */ + max-height: 140px; + /* box-shadow: 0px 3px 6px 1px hsl(221deg 16% 20%); */ + box-shadow: 0px 3px 6px 1px hsl(221deg 16% 21%); + display: none; +} + +.cd-wrapper .autocomplete.visible { + display: block; +} + +.cd-wrapper .autocomplete .icon { + padding: 2px; + border-radius: 5px; + white-space: nowrap; + overflow-x: overlay; +} + +.cd-wrapper .autocomplete .icon.active { + color: #f9f9f9; + background: hsl(218deg 27% 50%); +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar { + width: 10px; +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar-corner, +body:not(.mobile) .autocomplete::-webkit-scrollbar-track { + background: transparent; + box-shadow: none; + border-radius: 0; +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar-thumb { + background-color: rgb(249 249 249 / 15%); + border-top-width: 5px; + border-bottom-width: 5px; + border-left-width: 5px; + border-right-width: 3px; +} + +.cd-wrapper .top-hit { + position: fixed; + color: #a6c3d4; + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + pointer-events: none; + opacity: .5; +} + +.cd-wrapper .top-hit b { + opacity: 0; +} + + +cd-el { + background: #313744; + color: #a6c3d4; + caret-color: #fff; + + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + + font-size: 14px; + line-height: 1.5; + + -webkit-font-smoothing: antialiased; + border-radius: 0; + display: block; +} + +.token.punctuation, +.token.interpolation, +.token.important, +.token.atrule, +.token.url .token.content, +.token.url-reference .token.variable { + color: #a6c3d4; +} + +.token.doctype .token.punctuation { + color: inherit; +} + +.token.namespace { + opacity: 1; +} + +.token.property, +.language-css .token.variable { + color: #35d4c7; +} + +.token.boolean, +.token.number, +.token.unit, +.token.constant, +.token.symbol, +.token.deleted, +.language-css .token.string { + color: #e5b09f; +} + +.token.char, +.token.url, +.token.builtin, +.token.inserted, +.token.template-string, +.token.regex, +.token.string-property, +.token.variable { + color: #c1ffd5cc; +} + +.token.operator, +.token.entity, +.token.atrule .token.rule, +.language-css .token.function, +.token.interpolation .token.punctuation { + color: hsl(286deg 60% 72% / 93%); + color: #ce8de2; +} + +.token.attr-name, +.token.keyword { + color: #e49199; +} + +.token.function, +.token.class-name, +.token.tag, +.token.selector { + color: #75bfff; +} + +.token.comment, +.token.comment * { + color: hsl(218deg 7% 64% / 72%) !important; +} + +.token.prolog, +.token.doctype, +.token.cdata { + color: hsl(218deg 7% 64% / 72%); +} + +.token.string, +.token.string *, +.token.attr-value, +.token.attr-value *:not(.attr-equals), +.style .token.string { + color: #c1ffd5cc !important; +} + +.token.doctype .token.string, +.token.doctype .token.string * { + color: inherit !important; +} + +.token.italic { + font-style: normal; +} + +.token.entity { + cursor: unset; +} + +.token.url-link, +.token.email-link, +.token.md-link { + color: inherit; + caret-color: #fff; + text-decoration: underline; +} + + +.token.brace.brace-active { + position: relative; + background: rgb(166 195 212 / 12%); + border-radius: 2.5px 2.5px 0 0; + box-shadow: 0 1px 0 0 rgb(166 195 212 / 12%); +} + +.token.brace.brace-active::before, +.token.brace.brace-active::after { + content: ''; + bottom: -2.5px; + left: 0; + width: 50%; + height: 2px; + background: #a6c3d4; + position: absolute; + transform: rotateZ(25deg); + transform-origin: bottom; + pointer-events: none; +} + +.token.brace.brace-active::after { + left: 50%; + transform: rotateZ(-25deg); +} + + +.line-numbers { + position: relative; + padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); + --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); +} + +.line-numbers .line-numbers-rows { + position: sticky; + cursor: default; + left: 0; + user-select: none; + -webkit-user-select: none; + pointer-events: none; + line-height: inherit; + font-size: inherit; + color: #636d83; + background: #313744; + display: block; + text-align: right; + min-width: 1.2em; + white-space: pre; + float: left; + z-index: 1; + margin-right: -100%; + transform: translateX(-100%); + padding-left: calc(13.5px + 0.2px + env(safe-area-inset-left)); + padding-right: 13.5px; +} + +.line-numbers .line-numbers-rows::before { + content: attr(line-numbers); +} + + +span.inline-color-wrapper { + /* + * The background image is the following SVG inline in base 64: + * + * + * + * + * + * + * SVG-inlining explained: + * https://stackoverflow.com/a/21626701/7595472 + */ + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==); + + height: 12px; + width: 12px; + margin-left: 2px; + margin-right: 4px; + display: inline-block; + user-select: none; + -webkit-user-select: none; + line-height: 10px; + border-radius: 50%; + cursor: pointer; + + transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36); + transition: 0.6s cubic-bezier(.165,.84,.44,1); + transition: .4s cubic-bezier(.68,-.55,.265,1.55); + transition: .4s cubic-bezier(0.19,1,0.22,1); + transition: .5s cubic-bezier(0.23, 1, 0.32, 1); + transition: .3s cubic-bezier(.175,.885,.32,1.275); + transition: .3s cubic-bezier(.075,.82,.165,1); + transition: 167ms cubic-bezier(0,0,.2,1); + transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); +} + +body.platform-mac span.inline-color-wrapper { + cursor: default; +} + +span.inline-color { + width: 100%; + height: 100%; + display: inline-block; + box-sizing: border-box; + border-radius: 50%; + position: relative; +} + +span.inline-color::after { + content: ''; + width: 100%; + height: 100%; + position: absolute; + box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744; + left: 0; + top: 0; + border-radius: 50%; +} + +span.inline-color-wrapper:hover span.inline-color::after { + box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; +} From 655948953890f04ebab3df54556c57f554f87524 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:31:49 +0200 Subject: [PATCH 095/118] Update dark-theme.css From b1424a9bad714e5d6642814f4c09ba31a2f0d41e Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:33:11 +0200 Subject: [PATCH 096/118] Update dark-theme.css --- dark-theme.css | 732 +++++++++++++++++++++++++------------------------ 1 file changed, 367 insertions(+), 365 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index 03e85395fa..f5d6778941 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -1,365 +1,367 @@ -/* - * Syntax highlighting - * Colors based on Base16 Ocean Dark - */ - -body:not(.mobile) ::-webkit-scrollbar { - width: 16px; - height: 16px; -} - -body:not(.mobile) ::-webkit-scrollbar-track { - background-color: #2B303B; - box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-track:horizontal { - box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-corner { - background-color: #2B303B; - box-shadow: inset -15px -15px 0 0 #2B303B, - inset 1px 1px 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-thumb { - border: 10px solid transparent; - border-radius: 50px; - background-clip: padding-box; - border: 4px solid transparent; - border-radius: 8px; - box-shadow: none; - min-height: 50px; - min-width: 50px; - background-color: #5f6368; -} - -body:not(.mobile) ::-webkit-scrollbar-thumb:hover { - background-color: #777c83; -} - -body:not(.mobile) ::-webkit-scrollbar-thumb:active { - background-color: #5f6368; -} - - -.cd-wrapper .autocomplete { - background: hsl(218deg 23% 35%); - color: #a6c3d4; - margin-top: 21px; - margin-left: -3px; - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - line-height: 1.5; - padding: 0; - box-shadow: none; - position: fixed; - z-index: 1000; - border-radius: 8px; - border-radius: 7.5px; - border: 1px solid hsl(219deg 22% 38%); - border: 2.5px solid transparent; - pointer-events: none; - overflow-y: overlay; - min-width: 62px; - /* max-width: 190px; - max-height: 224px; - max-height: 129px; */ - max-height: 140px; - /* box-shadow: 0px 3px 6px 1px hsl(221deg 16% 20%); */ - box-shadow: 0px 3px 6px 1px hsl(221deg 16% 21%); - display: none; -} - -.cd-wrapper .autocomplete.visible { - display: block; -} - -.cd-wrapper .autocomplete .icon { - padding: 2px; - border-radius: 5px; - white-space: nowrap; - overflow-x: overlay; -} - -.cd-wrapper .autocomplete .icon.active { - color: #f9f9f9; - background: hsl(218deg 27% 50%); -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar { - width: 10px; -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar-corner, -body:not(.mobile) .autocomplete::-webkit-scrollbar-track { - background: transparent; - box-shadow: none; - border-radius: 0; -} - -body:not(.mobile) .autocomplete::-webkit-scrollbar-thumb { - background-color: rgb(249 249 249 / 15%); - border-top-width: 5px; - border-bottom-width: 5px; - border-left-width: 5px; - border-right-width: 3px; -} - -.cd-wrapper .top-hit { - position: fixed; - color: #a6c3d4; - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - pointer-events: none; - opacity: .5; -} - -.cd-wrapper .top-hit b { - opacity: 0; -} - - -cd-el { - background: #313744; - color: #a6c3d4; - caret-color: #fff; - - font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; - - font-size: 14px; - line-height: 1.5; - - -webkit-font-smoothing: antialiased; - border-radius: 0; - display: block; -} - -.token.punctuation, -.token.interpolation, -.token.important, -.token.atrule, -.token.url .token.content, -.token.url-reference .token.variable { - color: #a6c3d4; -} - -.token.doctype .token.punctuation { - color: inherit; -} - -.token.namespace { - opacity: 1; -} - -.token.property, -.language-css .token.variable { - color: #35d4c7; -} - -.token.boolean, -.token.number, -.token.unit, -.token.constant, -.token.symbol, -.token.deleted, -.language-css .token.string { - color: #e5b09f; -} - -.token.char, -.token.url, -.token.builtin, -.token.inserted, -.token.template-string, -.token.regex, -.token.string-property, -.token.variable { - color: #c1ffd5cc; -} - -.token.operator, -.token.entity, -.token.atrule .token.rule, -.language-css .token.function, -.token.interpolation .token.punctuation { - color: hsl(286deg 60% 72% / 93%); - color: #ce8de2; -} - -.token.attr-name, -.token.keyword { - color: #e49199; -} - -.token.function, -.token.class-name, -.token.tag, -.token.selector { - color: #75bfff; -} - -.token.comment, -.token.comment * { - color: hsl(218deg 7% 64% / 72%) !important; -} - -.token.prolog, -.token.doctype, -.token.cdata { - color: hsl(218deg 7% 64% / 72%); -} - -.token.string, -.token.string *, -.token.attr-value, -.token.attr-value *:not(.attr-equals), -.style .token.string { - color: #c1ffd5cc !important; -} - -.token.doctype .token.string, -.token.doctype .token.string * { - color: inherit !important; -} - -.token.italic { - font-style: normal; -} - -.token.entity { - cursor: unset; -} - -.token.url-link, -.token.email-link, -.token.md-link { - color: inherit; - caret-color: #fff; - text-decoration: underline; -} - - -.token.brace.brace-active { - position: relative; - background: rgb(166 195 212 / 12%); - border-radius: 2.5px 2.5px 0 0; - box-shadow: 0 1px 0 0 rgb(166 195 212 / 12%); -} - -.token.brace.brace-active::before, -.token.brace.brace-active::after { - content: ''; - bottom: -2.5px; - left: 0; - width: 50%; - height: 2px; - background: #a6c3d4; - position: absolute; - transform: rotateZ(25deg); - transform-origin: bottom; - pointer-events: none; -} - -.token.brace.brace-active::after { - left: 50%; - transform: rotateZ(-25deg); -} - - -.line-numbers { - position: relative; - padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); - --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); -} - -.line-numbers .line-numbers-rows { - position: sticky; - cursor: default; - left: 0; - user-select: none; - -webkit-user-select: none; - pointer-events: none; - line-height: inherit; - font-size: inherit; - color: #636d83; - background: #313744; - display: block; - text-align: right; - min-width: 1.2em; - white-space: pre; - float: left; - z-index: 1; - margin-right: -100%; - transform: translateX(-100%); - padding-left: calc(13.5px + 0.2px + env(safe-area-inset-left)); - padding-right: 13.5px; -} - -.line-numbers .line-numbers-rows::before { - content: attr(line-numbers); -} - - -span.inline-color-wrapper { - /* - * The background image is the following SVG inline in base 64: - * - * - * - * - * - * - * SVG-inlining explained: - * https://stackoverflow.com/a/21626701/7595472 - */ - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==); - - height: 12px; - width: 12px; - margin-left: 2px; - margin-right: 4px; - display: inline-block; - user-select: none; - -webkit-user-select: none; - line-height: 10px; - border-radius: 50%; - cursor: pointer; - - transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36); - transition: 0.6s cubic-bezier(.165,.84,.44,1); - transition: .4s cubic-bezier(.68,-.55,.265,1.55); - transition: .4s cubic-bezier(0.19,1,0.22,1); - transition: .5s cubic-bezier(0.23, 1, 0.32, 1); - transition: .3s cubic-bezier(.175,.885,.32,1.275); - transition: .3s cubic-bezier(.075,.82,.165,1); - transition: 167ms cubic-bezier(0,0,.2,1); - transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); -} - -body.platform-mac span.inline-color-wrapper { - cursor: default; -} - -span.inline-color { - width: 100%; - height: 100%; - display: inline-block; - box-sizing: border-box; - border-radius: 50%; - position: relative; -} - -span.inline-color::after { - content: ''; - width: 100%; - height: 100%; - position: absolute; - box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744; - left: 0; - top: 0; - border-radius: 50%; -} - -span.inline-color-wrapper:hover span.inline-color::after { - box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; -} +/* + * Syntax highlighting + * Colors based on Base16 Ocean Dark + */ + +body:not(.mobile) ::-webkit-scrollbar { + width: 16px; + height: 16px; +} + +body:not(.mobile) ::-webkit-scrollbar-track { + background-color: #2B303B; + box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-track:horizontal { + box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-corner { + background-color: #2B303B; + box-shadow: inset -15px -15px 0 0 #2B303B, + inset 1px 1px 0 0 rgba(0,0,0,0.2); +} + +body:not(.mobile) ::-webkit-scrollbar-thumb { + border: 10px solid transparent; + border-radius: 50px; + background-clip: padding-box; + border: 4px solid transparent; + border-radius: 8px; + box-shadow: none; + min-height: 50px; + min-width: 50px; + background-color: #5f6368; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb:hover { + background-color: #777c83; +} + +body:not(.mobile) ::-webkit-scrollbar-thumb:active { + background-color: #5f6368; +} + + +.cd-wrapper .autocomplete { + background: hsl(218deg 23% 35%); + color: #a6c3d4; + margin-top: 21px; + margin-left: -3px; + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + line-height: 1.5; + padding: 0; + box-shadow: none; + position: fixed; + z-index: 1000; + border-radius: 8px; + border-radius: 7.5px; + border: 1px solid hsl(219deg 22% 38%); + border: 2.5px solid transparent; + pointer-events: none; + overflow-y: overlay; + min-width: 62px; + /* max-width: 190px; + max-height: 224px; + max-height: 129px; */ + max-height: 140px; + /* box-shadow: 0px 3px 6px 1px hsl(221deg 16% 20%); */ + box-shadow: 0px 3px 6px 1px hsl(221deg 16% 21%); + display: none; +} + +.cd-wrapper .autocomplete.visible { + display: block; +} + +.cd-wrapper .autocomplete .icon { + padding: 2px; + border-radius: 5px; + white-space: nowrap; + overflow-x: overlay; +} + +.cd-wrapper .autocomplete .icon.active { + color: #f9f9f9; + background: hsl(218deg 27% 50%); +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar { + width: 10px; +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar-corner, +body:not(.mobile) .autocomplete::-webkit-scrollbar-track { + background: transparent; + box-shadow: none; + border-radius: 0; +} + +body:not(.mobile) .autocomplete::-webkit-scrollbar-thumb { + background-color: rgb(249 249 249 / 15%); + border-top-width: 5px; + border-bottom-width: 5px; + border-left-width: 5px; + border-right-width: 3px; +} + +.cd-wrapper .top-hit { + position: fixed; + color: #a6c3d4; + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + pointer-events: none; + opacity: .5; +} + +.cd-wrapper .top-hit b { + opacity: 0; +} + + +cd-el { + background: #313744; + color: #a6c3d4; + caret-color: #fff; + + font-family: 'Mono Sans', 'Roboto Mono', consolas, lucida console, courier new, monospace; + + font-size: 14px; + line-height: 1.5; + + -webkit-font-smoothing: antialiased; + border-radius: 0; + display: block; +} + +.token.punctuation, +.token.interpolation, +.token.important, +.token.atrule, +.token.url .token.content, +.token.url-reference .token.variable { + color: #a6c3d4; +} + +.token.doctype .token.punctuation { + color: inherit; +} + +.token.namespace { + opacity: 1; +} + +.token.property, +.language-css .token.variable { + color: #35d4c7; +} + +.token.boolean, +.token.number, +.token.unit, +.token.constant, +.token.symbol, +.token.deleted, +.language-css .token.string { + color: #e5b09f; +} + +.token.char, +.token.url, +.token.builtin, +.token.inserted, +.token.template-string, +.token.regex, +.token.string-property, +.token.variable { + color: #c1ffd5cc; +} + +.token.operator, +.token.entity, +.token.atrule .token.rule, +.language-css .token.function, +.token.interpolation .token.punctuation { + color: hsl(286deg 60% 72% / 93%); + color: #ce8de2; +} + +.token.attr-name, +.token.keyword { + color: #e49199; +} + +.token.function, +.token.class-name, +.token.tag, +.token.selector { + color: #75bfff; +} + +.token.comment, +.token.comment *, +.token.prolog, +.token.doctype, +.token.cdata { + color: hsl(218deg 7% 64% / 72%) !important; +} + +.language.markdown .token.title .token.punctuation, +.language.markdown .token.list { + color: hsl(218deg 7% 64% / 72%); +} + +.token.string, +.token.string *, +.token.attr-value, +.token.attr-value *:not(.attr-equals), +.style .token.string { + color: #c1ffd5cc !important; +} + +.token.doctype .token.string, +.token.doctype .token.string * { + color: inherit !important; +} + +.token.italic { + font-style: normal; +} + +.token.entity { + cursor: unset; +} + +.token.url-link, +.token.email-link, +.token.md-link { + color: inherit; + caret-color: #fff; + text-decoration: underline; +} + + +.token.brace.brace-active { + position: relative; + background: rgb(166 195 212 / 12%); + border-radius: 2.5px 2.5px 0 0; + box-shadow: 0 1px 0 0 rgb(166 195 212 / 12%); +} + +.token.brace.brace-active::before, +.token.brace.brace-active::after { + content: ''; + bottom: -2.5px; + left: 0; + width: 50%; + height: 2px; + background: #a6c3d4; + position: absolute; + transform: rotateZ(25deg); + transform-origin: bottom; + pointer-events: none; +} + +.token.brace.brace-active::after { + left: 50%; + transform: rotateZ(-25deg); +} + + +.line-numbers { + position: relative; + padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); + --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); +} + +.line-numbers .line-numbers-rows { + position: sticky; + cursor: default; + left: 0; + user-select: none; + -webkit-user-select: none; + pointer-events: none; + line-height: inherit; + font-size: inherit; + color: #636d83; + background: #313744; + display: block; + text-align: right; + min-width: 1.2em; + white-space: pre; + float: left; + z-index: 1; + margin-right: -100%; + transform: translateX(-100%); + padding-left: calc(13.5px + 0.2px + env(safe-area-inset-left)); + padding-right: 13.5px; +} + +.line-numbers .line-numbers-rows::before { + content: attr(line-numbers); +} + + +span.inline-color-wrapper { + /* + * The background image is the following SVG inline in base 64: + * + * + * + * + * + * + * SVG-inlining explained: + * https://stackoverflow.com/a/21626701/7595472 + */ + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==); + + height: 12px; + width: 12px; + margin-left: 2px; + margin-right: 4px; + display: inline-block; + user-select: none; + -webkit-user-select: none; + line-height: 10px; + border-radius: 50%; + cursor: pointer; + + transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36); + transition: 0.6s cubic-bezier(.165,.84,.44,1); + transition: .4s cubic-bezier(.68,-.55,.265,1.55); + transition: .4s cubic-bezier(0.19,1,0.22,1); + transition: .5s cubic-bezier(0.23, 1, 0.32, 1); + transition: .3s cubic-bezier(.175,.885,.32,1.275); + transition: .3s cubic-bezier(.075,.82,.165,1); + transition: 167ms cubic-bezier(0,0,.2,1); + transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); +} + +body.platform-mac span.inline-color-wrapper { + cursor: default; +} + +span.inline-color { + width: 100%; + height: 100%; + display: inline-block; + box-sizing: border-box; + border-radius: 50%; + position: relative; +} + +span.inline-color::after { + content: ''; + width: 100%; + height: 100%; + position: absolute; + box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744; + left: 0; + top: 0; + border-radius: 50%; +} + +span.inline-color-wrapper:hover span.inline-color::after { + box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; +} From 8995ffbb5de8ba29f4469fc04cf76206d78ad1e1 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:33:54 +0200 Subject: [PATCH 097/118] Update dark-theme.css --- dark-theme.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index f5d6778941..904714bfc6 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -207,7 +207,8 @@ cd-el { } .language.markdown .token.title .token.punctuation, -.language.markdown .token.list { +.language.markdown .token.list, +.language.markdown .token:is(.italic, .bold) .token.punctuation { color: hsl(218deg 7% 64% / 72%); } From 27f12b4fabbc3ede1b5a9c3f3fe8175a985774d2 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:34:34 +0200 Subject: [PATCH 098/118] Update dark-theme.css --- dark-theme.css | 1 + 1 file changed, 1 insertion(+) diff --git a/dark-theme.css b/dark-theme.css index 904714bfc6..23cae48b55 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -366,3 +366,4 @@ span.inline-color::after { span.inline-color-wrapper:hover span.inline-color::after { box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744; } + From f77433756b8490183492969d668cd958aeb27a1a Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:35:53 +0200 Subject: [PATCH 099/118] Update dark-theme.css --- dark-theme.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index 23cae48b55..7a36ceb23f 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -225,10 +225,6 @@ cd-el { color: inherit !important; } -.token.italic { - font-style: normal; -} - .token.entity { cursor: unset; } From c3b4b8509de876614db8d9b11b5eaa309c26a77a Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:37:23 +0200 Subject: [PATCH 100/118] Update dark-theme.css --- dark-theme.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index 7a36ceb23f..f7de195d68 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -206,12 +206,16 @@ cd-el { color: hsl(218deg 7% 64% / 72%) !important; } -.language.markdown .token.title .token.punctuation, -.language.markdown .token.list, -.language.markdown .token:is(.italic, .bold) .token.punctuation { +.language-markdown .token.title .token.punctuation, +.language-markdown .token.list, +.language-markdown .token:is(.italic, .bold) .token.punctuation { color: hsl(218deg 7% 64% / 72%); } +.language-markdown .token.italic .token.punctuation { + font-style: normal; +} + .token.string, .token.string *, .token.attr-value, From fb962ed6a8304f2f5a546e55b319c4e7de5c7f93 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:39:48 +0200 Subject: [PATCH 101/118] Update dark-theme.css --- dark-theme.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/dark-theme.css b/dark-theme.css index f7de195d68..3e3a865330 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -216,6 +216,10 @@ cd-el { font-style: normal; } +.language-markdown .token.bold .token.punctuation { + font-weight: normal; +} + .token.string, .token.string *, .token.attr-value, From d2a29659ff4a89befcd1dd9bcfe47e42e4138029 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:42:01 +0200 Subject: [PATCH 102/118] Update dark-theme.css --- dark-theme.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index 3e3a865330..edd0bf8085 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -216,7 +216,7 @@ cd-el { font-style: normal; } -.language-markdown .token.bold .token.punctuation { +.language-markdown :is(.token.bold, .token.title) .token.punctuation { font-weight: normal; } From dd9fa10896520a9ff9eb7e5f1a8a6fa8251c1238 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Wed, 11 Jan 2023 19:42:48 +0200 Subject: [PATCH 103/118] Update dark-theme.css --- dark-theme.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index edd0bf8085..c71f55484e 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -208,7 +208,8 @@ cd-el { .language-markdown .token.title .token.punctuation, .language-markdown .token.list, -.language-markdown .token:is(.italic, .bold) .token.punctuation { +.language-markdown .token:is(.italic, .bold) .token.punctuation, +.language-markdown .token.blockquote.punctuation { color: hsl(218deg 7% 64% / 72%); } From 6f066b080ed9c6d9db74971d74f10f2699224009 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 08:44:13 +0200 Subject: [PATCH 104/118] Update dark-theme.css --- dark-theme.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index c71f55484e..ab1f305dfa 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -209,7 +209,10 @@ cd-el { .language-markdown .token.title .token.punctuation, .language-markdown .token.list, .language-markdown .token:is(.italic, .bold) .token.punctuation, -.language-markdown .token.blockquote.punctuation { +.language-markdown .token.blockquote.punctuation, +.language-markdown .token.hr.punctuation, +.language-markdown .token.url:has(> .token.url), +.language-markdown .token.punctuation { color: hsl(218deg 7% 64% / 72%); } From 498ffd9b422823689d51bdc5043ad95c67803c55 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 08:45:52 +0200 Subject: [PATCH 105/118] Update dark-theme.css --- dark-theme.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index ab1f305dfa..f3ebdb844b 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -206,11 +206,7 @@ cd-el { color: hsl(218deg 7% 64% / 72%) !important; } -.language-markdown .token.title .token.punctuation, .language-markdown .token.list, -.language-markdown .token:is(.italic, .bold) .token.punctuation, -.language-markdown .token.blockquote.punctuation, -.language-markdown .token.hr.punctuation, .language-markdown .token.url:has(> .token.url), .language-markdown .token.punctuation { color: hsl(218deg 7% 64% / 72%); From 80c7845935091ada86cf47c40b45b6c3c7ca4927 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:02:50 +0200 Subject: [PATCH 106/118] Update dark-theme.css --- dark-theme.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index f3ebdb844b..9a8908d3a1 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -208,7 +208,7 @@ cd-el { .language-markdown .token.list, .language-markdown .token.url:has(> .token.url), -.language-markdown .token.punctuation { +.language-markdown *:not(.token.code-block) .token.punctuation { color: hsl(218deg 7% 64% / 72%); } From f859c25e2dfb156cd15a997d4e2b87386ab4bdbd Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:07:23 +0200 Subject: [PATCH 107/118] Update dark-theme.css --- dark-theme.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index 9a8908d3a1..ea9b71399a 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -139,7 +139,8 @@ cd-el { .token.important, .token.atrule, .token.url .token.content, -.token.url-reference .token.variable { +.token.url-reference .token.variable, +.language-markdown .token.code-block .token.punctuation { color: #a6c3d4; } @@ -208,7 +209,7 @@ cd-el { .language-markdown .token.list, .language-markdown .token.url:has(> .token.url), -.language-markdown *:not(.token.code-block) .token.punctuation { +.language-markdown .token.punctuation { color: hsl(218deg 7% 64% / 72%); } From 6d973852736cb2bc0b71f9434fdcdb7a6f8b0089 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:23:28 +0200 Subject: [PATCH 108/118] Update dark-theme.css --- dark-theme.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index ea9b71399a..74cd1d2259 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -174,7 +174,8 @@ cd-el { .token.template-string, .token.regex, .token.string-property, -.token.variable { +.token.variable, +.language-markdown .token.url .token.url { color: #c1ffd5cc; } @@ -208,7 +209,7 @@ cd-el { } .language-markdown .token.list, -.language-markdown .token.url:has(> .token.url), +.language-markdown .token.url, .language-markdown .token.punctuation { color: hsl(218deg 7% 64% / 72%); } From 8fc00c2ebf0b022505bf443f1e7fd7785f5d853b Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:28:14 +0200 Subject: [PATCH 109/118] Update dark-theme.css --- dark-theme.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index 74cd1d2259..f2c00dbf8c 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -209,7 +209,7 @@ cd-el { } .language-markdown .token.list, -.language-markdown .token.url, +.language-markdown .token.url:not(.url-reference), .language-markdown .token.punctuation { color: hsl(218deg 7% 64% / 72%); } From 7caefec2c2c0d50092857db2c4855c8d634af86f Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:37:51 +0200 Subject: [PATCH 110/118] Update markdown-dark.css --- live-view/extensions/markdown-dark.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/live-view/extensions/markdown-dark.css b/live-view/extensions/markdown-dark.css index ccd428f107..13497a2756 100644 --- a/live-view/extensions/markdown-dark.css +++ b/live-view/extensions/markdown-dark.css @@ -241,6 +241,8 @@ body blockquote { padding: 0 1em; color: var(--color-fg-muted); border-left: 0.25em solid var(--color-border-default); + margin-left: 0; + margin-right: 0; } body cd-el { From b9514f04d99224e15f4e9298486374107c0ea581 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:38:08 +0200 Subject: [PATCH 111/118] Update markdown-light-alt.css --- live-view/extensions/markdown-light-alt.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/live-view/extensions/markdown-light-alt.css b/live-view/extensions/markdown-light-alt.css index 1fe723cb00..952f35dea6 100644 --- a/live-view/extensions/markdown-light-alt.css +++ b/live-view/extensions/markdown-light-alt.css @@ -176,6 +176,8 @@ body blockquote { padding: 0 1em; color: var(--color-fg-muted); border-left: 0.25em solid var(--color-border-default); + margin-left: 0; + margin-right: 0; } body cd-el { From ac43dcecd65b812ce687c04f00f3b7e6cbc861cc Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:49:41 +0200 Subject: [PATCH 112/118] Update markdown-dark.css --- live-view/extensions/markdown-dark.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/live-view/extensions/markdown-dark.css b/live-view/extensions/markdown-dark.css index 13497a2756..d0f3b625e4 100644 --- a/live-view/extensions/markdown-dark.css +++ b/live-view/extensions/markdown-dark.css @@ -245,6 +245,23 @@ body blockquote { margin-right: 0; } +body dl { + padding: 0; +} + +body dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: 600; +} + +body dl dd { + padding: 0 16px; + margin-bottom: 16px; +} + body cd-el { padding: 16px; display: block; From bb128b7faca2ab1124b67e1ff556d03923a00a82 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:50:02 +0200 Subject: [PATCH 113/118] Update markdown-light-alt.css --- live-view/extensions/markdown-light-alt.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/live-view/extensions/markdown-light-alt.css b/live-view/extensions/markdown-light-alt.css index 952f35dea6..fa402e9899 100644 --- a/live-view/extensions/markdown-light-alt.css +++ b/live-view/extensions/markdown-light-alt.css @@ -180,6 +180,23 @@ body blockquote { margin-right: 0; } +body dl { + padding: 0; +} + +body dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: 600; +} + +body dl dd { + padding: 0 16px; + margin-bottom: 16px; +} + body cd-el { padding: 10.5px 13.5px; display: block; From 09fbe521d14d69b1f48020d36dff1f9f4c0e413d Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:54:50 +0200 Subject: [PATCH 114/118] Update markdown-dark.css --- live-view/extensions/markdown-dark.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/live-view/extensions/markdown-dark.css b/live-view/extensions/markdown-dark.css index d0f3b625e4..8f5d910c3a 100644 --- a/live-view/extensions/markdown-dark.css +++ b/live-view/extensions/markdown-dark.css @@ -179,6 +179,7 @@ body hr { margin: 24px 0; background-color: var(--color-border-default); border: 0; + border-radius: 10px; } body img { @@ -240,9 +241,21 @@ body table tr:nth-child(2n) { body blockquote { padding: 0 1em; color: var(--color-fg-muted); - border-left: 0.25em solid var(--color-border-default); margin-left: 0; margin-right: 0; + position: relative; + padding-left: calc(1em + 0.25em); +} + +body blockquote::before { + content: ''; + height: 100%; + width: 0.25em; + background: var(--color-border-default); + position: absolute; + left: 0; + top: 0; + border-radius: 10px; } body dl { From 30b331dbfa5302a135561da8bf5db433e4eab47e Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:57:13 +0200 Subject: [PATCH 115/118] Update dark-theme.css --- dark-theme.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/dark-theme.css b/dark-theme.css index f2c00dbf8c..216a6c88db 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -140,7 +140,8 @@ cd-el { .token.atrule, .token.url .token.content, .token.url-reference .token.variable, -.language-markdown .token.code-block .token.punctuation { +.language-markdown .token.code-block .token.punctuation, +.language-markdown .token.url .token.variable { color: #a6c3d4; } From 8c0a500a2fb27dda43049805cd6e56e6f01eb9b9 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 09:58:30 +0200 Subject: [PATCH 116/118] Update dark-theme.css --- dark-theme.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index 216a6c88db..f2c00dbf8c 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -140,8 +140,7 @@ cd-el { .token.atrule, .token.url .token.content, .token.url-reference .token.variable, -.language-markdown .token.code-block .token.punctuation, -.language-markdown .token.url .token.variable { +.language-markdown .token.code-block .token.punctuation { color: #a6c3d4; } From e49d81a0b33549c283412a899cade29d0a9a6767 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 10:01:00 +0200 Subject: [PATCH 117/118] Update dark-theme.css --- dark-theme.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/dark-theme.css b/dark-theme.css index f2c00dbf8c..3bc1d23bbe 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -10,17 +10,10 @@ body:not(.mobile) ::-webkit-scrollbar { body:not(.mobile) ::-webkit-scrollbar-track { background-color: #2B303B; - box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.2); -} - -body:not(.mobile) ::-webkit-scrollbar-track:horizontal { - box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2); } body:not(.mobile) ::-webkit-scrollbar-corner { background-color: #2B303B; - box-shadow: inset -15px -15px 0 0 #2B303B, - inset 1px 1px 0 0 rgba(0,0,0,0.2); } body:not(.mobile) ::-webkit-scrollbar-thumb { From c40bd99ee529bfb07e258b073e6a6a83f490766f Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Thu, 12 Jan 2023 10:02:49 +0200 Subject: [PATCH 118/118] Update dark-theme.css --- dark-theme.css | 1 + 1 file changed, 1 insertion(+) diff --git a/dark-theme.css b/dark-theme.css index 3bc1d23bbe..c86b3d23c3 100644 --- a/dark-theme.css +++ b/dark-theme.css @@ -271,6 +271,7 @@ cd-el { .line-numbers { position: relative; padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); + scroll-padding-left: calc(var(--gutter-length) + env(safe-area-inset-left)); --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left)); }