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;