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