summaryrefslogtreecommitdiffstats
path: root/data/theme/gnome-shell-sass/widgets/_search-results.scss
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-27 15:07:22 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-27 15:07:22 +0000
commitf9d480cfe50ca1d7a0f0b5a2b8bb9932962bfbe7 (patch)
treece9e8db2d4e8799780fa72ae8f1953039373e2ee /data/theme/gnome-shell-sass/widgets/_search-results.scss
parentInitial commit. (diff)
downloadgnome-shell-f9d480cfe50ca1d7a0f0b5a2b8bb9932962bfbe7.tar.xz
gnome-shell-f9d480cfe50ca1d7a0f0b5a2b8bb9932962bfbe7.zip
Adding upstream version 3.38.6.upstream/3.38.6upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'data/theme/gnome-shell-sass/widgets/_search-results.scss')
-rw-r--r--data/theme/gnome-shell-sass/widgets/_search-results.scss108
1 files changed, 108 insertions, 0 deletions
diff --git a/data/theme/gnome-shell-sass/widgets/_search-results.scss b/data/theme/gnome-shell-sass/widgets/_search-results.scss
new file mode 100644
index 0000000..0d81c97
--- /dev/null
+++ b/data/theme/gnome-shell-sass/widgets/_search-results.scss
@@ -0,0 +1,108 @@
+/* Search */
+
+// search overview container
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: $base_margin * 2;
+}
+
+// search results sections "the boxes"
+.search-section {
+ // This should be equal to #searchResultsContent spacing
+ spacing: $base_margin * 2;
+
+ // separator
+ .search-section-separator {
+ // height: 1px;
+ // background-color: $osd_outer_borders_color;
+ height: 0;
+ background-color: transparent;
+ }
+}
+
+// content
+.search-section-content {
+ background-color: transparentize(lighten($osd_bg_color, 5%), 0.2);
+ border-radius: $modal_radius+3;
+ border: 1px solid $osd_outer_borders_color;
+ box-shadow: 0 2px 4px 0 $shadow_color;
+ text-shadow: 0 1px if($variant == 'light', rgba(255,255,255,0.2), rgba(0,0,0,0.2));
+ color: $osd_fg_color;
+ padding: $base_padding * 3;
+ // This is the space between the provider icon and the results container
+ spacing: $base_margin * 2;
+}
+
+%search-section-content-item {
+ @extend %icon_tile;
+
+ &:focus,
+ &:hover,
+ &:selected {
+ background-color: transparentize($osd_fg_color, .9);
+ transition-duration: 200ms;
+ }
+
+ &:active,
+ &:checked {
+ background-color: transparentize(darken($osd_bg_color, 10%), .1);
+ }
+}
+
+// "no results" text
+.search-statustext {
+ @extend %status_text;
+}
+
+.grid-search-results {
+ spacing: $base_spacing * 6;
+}
+
+// Search results with icons
+.grid-search-result {
+ @extend %app-well-app;
+}
+
+// search result provider
+.search-provider-icon {
+ @extend %search-section-content-item;
+
+ // content
+ .list-search-provider-content {
+ spacing: $base_spacing * 2;
+
+ // provider labels
+ .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: darken($osd_fg_color, 8%);
+ // font-weight: bold;
+ }
+ }
+}
+
+// search results list
+.list-search-results {
+ spacing: $base_spacing;
+}
+
+// search result listitem
+.list-search-result {
+ @extend %search-section-content-item;
+
+ // content
+ .list-search-result-content {
+ spacing: $base_padding;
+ }
+
+ // list item title (with leading icon)
+ .list-search-result-title {
+ spacing: $base_spacing * 2;
+ // font-weight: bold;
+ }
+
+ // list item description
+ .list-search-result-description {
+ color: darken($osd_fg_color, 30%);
+ }
+}