Enhancement in Widget Menu.

Added Glass Overlay Effect in Widget Menu. Added Photos Section in Widget Menu
anand-3399 · Oct 9, 2022 · 2afb99a · 2afb99a
1 parent f615a24
commit 2afb99a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/ToDo.txt b/ToDo.txt
@@ -1,2 +1 @@
-Add this layout in Widgets Menu.
 https://blogs.windows.com/wp-content/uploads/prod/sites/2/2021/06/WIN_Widgets_Light-Theme_16x9_en-US-1-1024x576.png
diff --git a/script.js b/script.js
@@ -9,7 +9,7 @@ Menu.addEventListener("click", () => {
  startmenu.style.bottom = "50px"
  startmenu.style.transform = "translateX(0)"
  searchmenu.style.bottom = "-655px"
- widgetMenu.style.left = "-1000px"
+ widgetMenu.style.left = "-50%"
  }
 })
 
@@ -25,7 +25,7 @@ SearchIcon.addEventListener("click", () => {
  searchmenu.style.bottom = "50px"
  searchmenu.style.transform = "translateX(0)"
  startmenu.style.bottom = "-655px"
- widgetMenu.style.left = "-1000px"
+ widgetMenu.style.left = "-50%"
  }
 
 })
@@ -35,7 +35,7 @@ widgetMenu = document.getElementsByClassName("widgetMenu")[0]
 
 Widgets.addEventListener("click", () => {
  if (widgetMenu.style.left == "0px") {
- widgetMenu.style.left = "-1000px"
+ widgetMenu.style.left = "-50%"
 
  }
  else {
@@ -111,7 +111,7 @@ clickanywhere.addEventListener("click", () => {
  searchmenu.style.bottom = "-655px"
  }
  else if(widgetMenu.style.left == "0px"){
- widgetMenu.style.left = "-1000px"
+ widgetMenu.style.left = "-50%"
  }
 
 })

diff --git a/style.css b/style.css
@@ -391,7 +391,7 @@ figure {
 
 /* Widgets */
 .widgetMenu {
- left: -1000px;
+ left: -50%;
  transition: all 0.5s ease-in;
  height: calc(100% - 90px);
  width: 45%;