fix: Updating nav cards to have full screen option (#2063)

Author: elnelson575

CHANGELOG.md

@@ -13,6 +13,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### New features
 
+* `navset_card_*()` now has a `full_screen` option to support `card()`'s existing full-screen functionality. (#1451)
+
 * Added `ui.insert_nav_panel()`, `ui.remove_nav_panel()`, and `ui.update_nav_panel()` to support dynamic navigation. (#90)
 
 * Added support for python 3.13. (#1711)

shiny/ui/_navs.py

@@ -652,6 +652,7 @@ def __init__(
         selected: Optional[str],
         title: Optional[TagChild] = None,
         sidebar: Optional[Sidebar] = None,
+        full_screen: bool = False,
         header: TagChild = None,
         footer: TagChild = None,
         placement: Literal["above", "below"] = "above",
@@ -666,6 +667,7 @@ def __init__(
         )
         self.title = title
         self.sidebar = sidebar
+        self.full_screen = full_screen
         self.placement = placement
 
     def layout(self, nav: Tag, content: Tag) -> Tag:
@@ -696,6 +698,7 @@ def layout(self, nav: Tag, content: Tag) -> Tag:
             card_header(*nav_items) if self.placement == "above" else None,
             *contents,
             card_footer(*nav_items) if self.placement == "below" else None,
+            full_screen=self.full_screen,
         )
 
 
@@ -706,6 +709,7 @@ def navset_card_tab(
     selected: Optional[str] = None,
     title: Optional[TagChild] = None,
     sidebar: Optional[Sidebar] = None,
+    full_screen: bool = False,
     header: TagChild = None,
     footer: TagChild = None,
 ) -> NavSetCard:
@@ -724,6 +728,9 @@ def navset_card_tab(
         ``value``).
     sidebar
         A `Sidebar` component to display on every `nav()` page.
+    full_screen
+        If `True`, an icon will appear when hovering over the card body. Clicking the
+        icon expands the card to fit viewport size.
     header
         UI to display above the selected content.
     footer
@@ -755,6 +762,7 @@ def navset_card_tab(
         selected=selected,
         title=title,
         sidebar=sidebar,
+        full_screen=full_screen,
         header=header,
         footer=footer,
         placement="above",
@@ -768,6 +776,7 @@ def navset_card_pill(
     selected: Optional[str] = None,
     title: Optional[TagChild] = None,
     sidebar: Optional[Sidebar] = None,
+    full_screen: bool = False,
     header: TagChild = None,
     footer: TagChild = None,
     placement: Literal["above", "below"] = "above",
@@ -787,6 +796,9 @@ def navset_card_pill(
         ``value``).
     sidebar
         A :class:`shiny.ui.Sidebar` component to display on every :func:`~shiny.ui.nav_panel` page.
+    full_screen
+        If `True`, an icon will appear when hovering over the card body. Clicking the
+        icon expands the card to fit viewport size.
     header
         UI to display above the selected content.
     footer
@@ -820,6 +832,7 @@ def navset_card_pill(
         selected=selected,
         title=title,
         sidebar=sidebar,
+        full_screen=full_screen,
         header=header,
         footer=footer,
         placement=placement,
@@ -833,6 +846,7 @@ def navset_card_underline(
     selected: Optional[str] = None,
     title: Optional[TagChild] = None,
     sidebar: Optional[Sidebar] = None,
+    full_screen: bool = False,
     header: TagChild = None,
     footer: TagChild = None,
     placement: Literal["above", "below"] = "above",
@@ -852,6 +866,9 @@ def navset_card_underline(
         ``value``).
     sidebar
         A :class:`shiny.ui.Sidebar` component to display on every :func:`~shiny.ui.nav_panel` page.
+    full_screen
+        If `True`, an icon will appear when hovering over the card body. Clicking the
+        icon expands the card to fit viewport size.
     header
         UI to display above the selected content.
     footer
@@ -885,6 +902,7 @@ def navset_card_underline(
         selected=selected,
         title=title,
         sidebar=sidebar,
+        full_screen=full_screen,
         header=header,
         footer=footer,
         placement=placement,