[gnome-shell-sass] dialog: Add a ListSection and ListSectionItem

[Florian Müllner <fmuellner src gnome org>]

commit 5b64e8f32f62eff07b6d6697b6ac644bcef771fc
Author: Jonas Dreßler <verdre v0yd nl>
Date:   Fri Jan 17 14:05:49 2020 +0100

    dialog: Add a ListSection and ListSectionItem
    
    According to the mockups, add a generic ListSection and ListSectionItem
    for dialogs. To add items (like a ListSectionItem) to a section,
    ListSection exposes a public ListSection.list actor.
    
    See https://gitlab.gnome.org/GNOME/gnome-shell/issues/1343
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/935

 widgets/_dialogs.scss | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)
---
diff --git a/widgets/_dialogs.scss b/widgets/_dialogs.scss
index 53ee468..429105b 100644
--- a/widgets/_dialogs.scss
+++ b/widgets/_dialogs.scss
@@ -32,19 +32,28 @@
   .message-dialog-description { text-align: center; }
 }
 
-/* Run Dialog */
-.run-dialog {
-  .run-dialog-entry { width: 20em; margin-bottom: 6px; }
-  .run-dialog-error-box {
-    padding-top: 16px;
-    spacing: 6px;
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+
+  .dialog-list-title {
+    text-align: center;
+    font-weight: bold;
   }
 
-  .run-dialog-label {
-    @include fontsize($base_font_size + 1.1);
-    font-weight: normal;
-    color: $fg_color;
-    padding-bottom: .4em;
+  .dialog-list-scrollview { max-height: 200px; }
+  .dialog-list-box {
+    spacing: 1em;
+
+    .dialog-list-item {
+      spacing: 1em;
+
+      .dialog-list-item-title { font-weight: bold; }
+      .dialog-list-item-description {
+        color: darken($fg_color,5%);
+        @include fontsize($base_font_size - 1);
+      }
+    }
   }
 }