From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from gate001.proxmox.com (gate001.proxmox.com [45.144.208.40]) by lore.proxmox.com (Postfix) with ESMTPS id 42C721FF0B7 for ; Fri, 30 Oct 2026 12:49:32 +0100 (CET) Received: from gate001.proxmox.com (localhost.localdomain [127.0.0.1]) by gate001.proxmox.com (Proxmox) with ESMTP id 02AA82143E; Fri, 30 Oct 2026 12:49:32 +0100 (CET) Message-ID: <2c69c6bc-ed87-4cd8-8631-c85d8d07cbc0@proxmox.com> Date: Fri, 30 Oct 2026 12:49:25 +0100 MIME-Version: 1.0 User-Agent: Mozilla Thunderbird Subject: Re: [PATCH yew-widget-toolkit-assets 2/3] material: reduce default spacing to 8px To: Thomas Lamprecht , yew-devel@lists.proxmox.com References: <20261022174334.2286071-1-t.lamprecht@proxmox.com> <20261022174334.2286071-3-t.lamprecht@proxmox.com> Content-Language: en-US From: Dietmar Maurer In-Reply-To: <20261022174334.2286071-3-t.lamprecht@proxmox.com> Content-Type: text/plain; charset=UTF-8; format=flowed Content-Transfer-Encoding: 8bit X-Bm-Milter-Handled: 55990f41-d878-4baa-be0a-ee34c49e34d2 X-Bm-Transport-Timestamp: 1793360965773 X-SPAM-LEVEL: Spam detection results: 0 AWL 1.935 Adjusted score from AWL reputation of From: address DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment (newer systems) RCVD_IN_DNSWL_MED -2.3 Sender listed at https://www.dnswl.org/, medium trust SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Message-ID-Hash: UZMQC3DEDSEVNYVG6SKLHO7TYXSPW4RG X-Message-ID-Hash: UZMQC3DEDSEVNYVG6SKLHO7TYXSPW4RG X-MailFrom: dietmar@proxmox.com X-Mailman-Rule-Misses: dmarc-mitigation; no-senders; approved; loop; banned-address; emergency; member-moderation; nonmember-moderation; administrivia; implicit-dest; max-recipients; max-size; news-moderation; no-subject; digests; suspicious-header X-Mailman-Version: 3.3.10 Precedence: list List-Id: Yew framework devel list at Proxmox List-Help: List-Owner: List-Post: List-Subscribe: List-Unsubscribe: applied this one  (see ongoing discussion on patch 1 and 3) On 10/22/26 7:43 PM, Thomas Lamprecht wrote: > Material Design aligns components to an 8dp grid, with a 4dp grid for > finer elements such as icons and type. A 10px spacer put the spacer > steps at 10, 20, 30 and 40px, off that grid; with 8px they are 8, 16, > 24 and 32px. > > The 10px default also left a lot of room between controls, on desktops > as well as on phones, and 8px fits more content at the same font size. > Anyone who wants more room can choose Relaxed, and on touch screens > the controls keep a fingertip-sized target. > > Signed-off-by: Thomas Lamprecht > --- > scss/material/_theme_config_material.scss | 7 +++---- > 1 file changed, 3 insertions(+), 4 deletions(-) > > diff --git a/scss/material/_theme_config_material.scss b/scss/material/_theme_config_material.scss > index 7e7c040..2eeecb8 100644 > --- a/scss/material/_theme_config_material.scss > +++ b/scss/material/_theme_config_material.scss > @@ -1,11 +1,10 @@ > /// ### The "Material" Theme > /// > -/// This theme is intended for use on mobile/touch devices and uses a very > -/// large `10px` spacer. It is broadly similar to material design as > -/// described in . > +/// This theme uses an `8px` default spacer, with relaxed spacing and coarse-pointer control sizing > +/// available. It is broadly similar to Material Design as described in . > /// > > -$spacer: 10px; > +$spacer: 8px; > > $button-corner-shape: map-get($shape-corner, full); > $fab-corner-shape: map-get($shape-corner, large);