- From: Juliusz Sielski via GitHub <sysbot+gh@w3.org>
- Date: Fri, 06 Dec 2024 11:03:23 +0000
- To: public-css-archive@w3.org
> I've asked about this feature too 🙂 > > Here's a supportive component / use case for letting box-shadow exceed the scrollport: https://gui-challenges.web.app/carousel/dist/ > > The design required padding-bottom to be enough so the shadows on the cards aren't cutoff. Original design had larger shadows but the amount of padding required for it, looked silly, so we compromised and found a middle ground between shadow size and block-end padding. > > Here's **the problem** visualized, all I needed to do was put the larger box shadow back on the card: <img alt="Screenshot 2023-07-25 at 10 32 08 AM" width="1021" src="https://private-user-images.githubusercontent.com/1134620/255983942-a5231873-1d2c-4c8c-a129-86db0501f52a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzM0ODI2MjcsIm5iZiI6MTczMzQ4MjMyNywicGF0aCI6Ii8xMTM0NjIwLzI1NTk4Mzk0Mi1hNTIzMTg3My0xZDJjLTRjOGMtYTEyOS04NmRiMDUwMWY1MmEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MTIwNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDEyMDZUMTA1MjA3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZGViYjdkNTM4NzQwYzc5MzVlNjJhYzc1NzgzYmIxZDEzMGY3ZjlmOTMyMWU4NWQ2OTE0MjgxZWU1NGFkZjA1MiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.FRdWoFUx-m99op-xCQm7tRPqG_AX8_u3HTSlUdwl4Pc"> > > and what was wanted: <img alt="Screenshot 2023-07-25 at 10 32 21 AM" width="1021" src="https://private-user-images.githubusercontent.com/1134620/255984020-17f8f2c2-b873-4a45-9218-ba47e61aef1b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzM0ODI2MjcsIm5iZiI6MTczMzQ4MjMyNywicGF0aCI6Ii8xMTM0NjIwLzI1NTk4NDAyMC0xN2Y4ZjJjMi1iODczLTRhNDUtOTIxOC1iYTQ3ZTYxYWVmMWIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MTIwNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDEyMDZUMTA1MjA3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjllMzU2NDlmZjZlMjc4ZGQ3NWFlZmE4YzU2ZmVmZmU1N2RjMzU1ZWE4NDNhMGE1NDU4YTU1Y2QzOGI0OTNiNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.PdeCbBJW7vcJg0A88_f-_7JPDhfpP369sTnaPtc3Rj4"> Did you find the solution? What helped? -- GitHub Notification of comment by juliuszsielski Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9107#issuecomment-2522878734 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 6 December 2024 11:03:24 UTC