From 127248fe9e3237747a856c7be6f291a2c96c9fa1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Florian=20M=C3=BCllner?= Date: Fri, 29 Jul 2022 23:41:33 +0200 Subject: quickSettings: Add header to QuickToggleMenu All menus in the mockups spot a header, and as we are using a custom menu type anyway, just add some API there. Part-of: --- widgets/_quick-settings.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss index 05d8495..eeb7420 100644 --- a/widgets/_quick-settings.scss +++ b/widgets/_quick-settings.scss @@ -24,6 +24,27 @@ .quick-toggle-menu { @include card(); padding: 1.5 * $base_padding; + + & .header { + spacing-rows: 0.5 * $base_padding; + spacing-columns: $base_padding; + padding-bottom: 2 * $base_padding; + + & .icon { + icon-size: $large_icon_size; + border-radius: 999px; + padding: 1.5 * $base_padding; + background-color: lighten($bg_color, 10%); + } + + & .title { + @extend %title_3; + } + + & .subtitle { + @extend %caption_heading; + } + } } .quick-toggle-menu-container { -- cgit v1.2.1