From 19666a3932be19eb6b425f4730ac5c9294aa906c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Florian=20M=C3=BCllner?= Date: Fri, 29 Jul 2022 18:33:54 +0200 Subject: quickSettings: Add QuickMenuToggle This is a convenience subclass for a quick toggle with a menu. The menu can be disabled dynamically and if enabled, an arrow is displayed that allows opening the menu. Part-of: --- widgets/_quick-settings.scss | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss index 4f8a62f..f1f2eb2 100644 --- a/widgets/_quick-settings.scss +++ b/widgets/_quick-settings.scss @@ -17,8 +17,26 @@ & > StBoxLayout { spacing: $base_padding; } + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ + &.button { padding: 0; } + & > StBoxLayout { padding: 0 2 * $base_padding; } + .quick-toggle-label { font-weight: bold; } - .quick-toggle-icon { icon-size: $base_icon_size; } + .quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; } +} + +.quick-menu-toggle { + &:ltr > StBoxLayout { padding-right: 0; } + &:rtl > StBoxLayout { padding-left: 0; } + + & .quick-toggle-arrow { + background-color: transparentize($fg_color, 0.9); + padding: 8px; + + &:ltr { border-radius: 0 99px 99px 0; } + &:rtl { border-radius: 99px 0 0 99px; } + } } .quick-toggle-menu { -- cgit v1.2.1