02/02: website: Fix dropdown menu shrinking when clicked.

[Mathieu Othacehe]

mothacehe pushed a commit to branch master
in repository guix-artwork.

commit d3f524d4ea9502e216208b7c3d5f22b9045d4a5c
Author: Luis Felipe <luis.felipe.la@protonmail.com>
AuthorDate: Sun Apr 11 10:02:25 2021 -0500

    website: Fix dropdown menu shrinking when clicked.
    
    When clicking or tapping on a dropdown button in the primary menu of
    the website the menu width is shrunk to its min-width, and long items
    are broken into separate lines making them look as if they were
    different items in the menu.
    
    This change fixes these problems by leaving the menu width as wide as
    its longest item when the button is toggled.
    
    * apps/base/templates/components.scm (menu-dropdown): Set width to
      max-content on :checked.
---
 website/apps/base/templates/components.scm | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/apps/base/templates/components.scm 
b/website/apps/base/templates/components.scm
index 5440408..f521436 100644
--- a/website/apps/base/templates/components.scm
+++ b/website/apps/base/templates/components.scm
@@ -310,7 +310,7 @@ manual.
 {
     min-width: 150px;
     /* reset to initial values: */
-    width: auto;
+    width: max-content;
     height: auto;
     overflow: visible;
 }"))