diff --git a/src/components/task-bar/TaskBar.module.css b/src/components/task-bar/TaskBar.module.css index e4e92ef..a830837 100644 --- a/src/components/task-bar/TaskBar.module.css +++ b/src/components/task-bar/TaskBar.module.css @@ -13,6 +13,7 @@ width: 100%; height: var(--task-bar-height); background-color: var(--task-bar-color); + backdrop-filter: blur(15px); z-index: 10; } diff --git a/src/components/windows/WindowsView.jsx b/src/components/windows/WindowsView.jsx index 998ed47..c14c8e1 100644 --- a/src/components/windows/WindowsView.jsx +++ b/src/components/windows/WindowsView.jsx @@ -6,6 +6,8 @@ export function WindowsView() { const windows = useWindows(); const windowsManager = useWindowsManager(); + // TO DO: prevent windows from being rerendered when order is changed + return (
{windows.sort((windowA, windowB) => windowA.lastInteraction - windowB.lastInteraction diff --git a/src/features/windows/windows.js b/src/features/windows/windows.js index 0040bf7..4929c45 100644 --- a/src/features/windows/windows.js +++ b/src/features/windows/windows.js @@ -26,7 +26,7 @@ export default class WindowsManager { app, size, position, - lastInteraction: 0 + lastInteraction: new Date().valueOf() }; this.updateWindows(this.windows); diff --git a/src/styles/global.css b/src/styles/global.css index 9db53a3..8b1fd77 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -110,4 +110,9 @@ p, a, button, input, h1, h2, h3, h4, h5, h6 { code { font-family: var(--mono-font-family); +} + +*::selection { + color: var(--background-color-c); + background-color: var(--grey-b); } \ No newline at end of file