From 2bec74fc958e42fcb8f9eee3b2584db71f1aa801 Mon Sep 17 00:00:00 2001
From: vinceliuice <vinceliuice@hotmail.com>
Date: Thu, 27 Apr 2023 23:57:23 +0800
Subject: [PATCH] update

---
 src/sass/gnome-shell/_widgets-44-0.scss       |  2 +-
 .../gnome-shell/widgets-44-0/_app-grid.scss   | 74 +++++++++++++++++++
 src/sass/gtk/_common-3.0.scss                 |  9 ++-
 3 files changed, 81 insertions(+), 4 deletions(-)
 create mode 100644 src/sass/gnome-shell/widgets-44-0/_app-grid.scss

diff --git a/src/sass/gnome-shell/_widgets-44-0.scss b/src/sass/gnome-shell/_widgets-44-0.scss
index 7f72453..c724a93 100644
--- a/src/sass/gnome-shell/_widgets-44-0.scss
+++ b/src/sass/gnome-shell/_widgets-44-0.scss
@@ -30,7 +30,7 @@
 @import 'common/switches';
 @import 'common/tiled-previews';
 @import 'common/workspace-switcher';
-@import 'widgets-42-0/app-grid';
+@import 'widgets-44-0/app-grid';
 @import 'widgets-40-0/dash';
 @import 'widgets-40-0/misc';
 @import 'widgets-40-0/overview';
diff --git a/src/sass/gnome-shell/widgets-44-0/_app-grid.scss b/src/sass/gnome-shell/widgets-44-0/_app-grid.scss
new file mode 100644
index 0000000..e611250
--- /dev/null
+++ b/src/sass/gnome-shell/widgets-44-0/_app-grid.scss
@@ -0,0 +1,74 @@
+
+// app icons
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 42px;
+  max-column-spacing: 42px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 18px;
+  page-padding-right: 18px;
+}
+
+.app-folder-dialog {
+  .page-navigation-hint {
+    width: if($laptop == 'true', 60px, 80px);
+  }
+
+  .page-navigation-arrow {
+    margin: 18px;
+  }
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: if($laptop == 'true', 220px, 300px);
+
+  &.dnd {
+    background: rgba(255, 255, 255, 0.1);
+  }
+
+  &.next:ltr,
+  &.previous:rtl {
+    background-gradient-start: $light_divider_color;
+    background-gradient-end: transparent;
+    background-gradient-direction: horizontal;
+    border-radius: $modal_radius 0px 0px $modal_radius;
+  }
+
+  &.previous:ltr,
+  &.next:rtl {
+    background-gradient-start: transparent;
+    background-gradient-end: $light_divider_color;
+    background-gradient-direction: horizontal;
+    border-radius: 0px $modal_radius $modal_radius 0px;
+  }
+}
+
+.page-navigation-arrow {
+  margin: $base_padding;
+  padding: $base_padding * 3;
+  width: 24px;
+  height: 24px;
+  border-radius: $circular_radius;
+  color: $light_alt_fg_color;
+
+  &:insensitive {
+    background-color: $light_fill_color;
+    color: $light_alt_disabled_fg_color;
+  }
+
+  &:hover {
+   background-color: $light_divider_color;
+   color: $light_fg_color;
+  }
+
+  &:active {
+   background-color: $light_track_color;
+   color: $light_fg_color;
+  }
+}
diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss
index 3d95d2a..abfac38 100644
--- a/src/sass/gtk/_common-3.0.scss
+++ b/src/sass/gtk/_common-3.0.scss
@@ -2191,6 +2191,7 @@ menubar,
 // .menu,
 // .context-menu,
 menu {
+  margin: 0;
   padding: $container_padding;
   border-radius: $mn_radius;
   background-color: opacify($menu_bg, 1);
@@ -2204,7 +2205,7 @@ menu {
   }
 
   separator {
-    margin: 2px 4px;
+    margin: 3px 4px;
     min-height: 1px;
     background-color: $borders_color;
     border: none;
@@ -2218,6 +2219,7 @@ menu {
     border-radius: $bt_radius;
     text-shadow: none;
     color: $fg_color;
+    font: initial;
     // -gtk-icon-style: symbolic;
 
     &:hover {
@@ -2288,7 +2290,7 @@ menu {
   > arrow {
     min-width: 16px;
     min-height: 16px;
-    padding: 2px;
+    padding: 6px;
     background-color: transparent;
     border-radius: $mn_radius - 3px;
     border: none;
@@ -2319,7 +2321,8 @@ menu {
 //
 // Popovers
 //
-popover,
+
+// popover,
 popover.background {
   padding: 0;
   border-radius: $wm_radius;