enable bookmarking and solve background position

app/main.R

@@ -15,6 +15,7 @@ box::use(
   app/view/grassland/grassland_main[grassland_main_ui, grassland_main_server],
 )
 
+shiny$enableBookmarking("server")
 # App theme ----
 #' @export
 biodt_theme <- bs_theme(
@@ -122,9 +123,12 @@ ui <- function(id) {
         title = "Acknowledgements",
         value = "acknowledgements",
         icon = shiny$icon("users-gear"),
-        class = "container-fluid index-info",
+        class = "container-fluid",
         mod_acknowledgements_ui("info")
       ),
+      nav_item(
+        shiny$bookmarkButton()
+      )
     )
   )
 }

app/styles/main.scss

@@ -15,8 +15,9 @@
 .index-info {
   background-image: url("../img/forest2.png");
   background-repeat: no-repeat;
-  background-size: 100%;
   background-position: bottom;
+  background-attachment: fixed;
+  background-size: 100%;
   display: flex;
 }
 
@@ -193,4 +194,4 @@
     transition: .3s all ease-in-out;
     text-decoration: none;
   }
-}
+}

app/view/honeybee/beekeeper_control.R

@@ -1,5 +1,5 @@
 box::use(
-  shiny[moduleServer, NS, tags, tagList, actionButton, observeEvent, req, reactive, reactiveVal, bookmarkButton],
+  shiny[moduleServer, NS, tags, tagList, actionButton, observeEvent, req, reactive, reactiveVal],
   bslib[card, card_header, card_body],
   shinyjs[disabled, disable, enable],
   purrr[is_empty],
@@ -28,7 +28,6 @@ beekeeper_control_ui <- function(id) {
         ),
         tags$div(
           class = "col-md-4 col-sm-12 d-flex flex-row justify-content-end",
-          bookmarkButton(),
           disabled(
             actionButton(
               ns("run_simulation"),

app/view/info.R

@@ -12,8 +12,7 @@ mod_info_ui <- function(id) {
   ns <- NS(id)
 
   fluidRow(
-    tags$div(
-      class = "row",
+    class = "index-info",
       tags$div(
         class = "col mx-auto col-lg-8",
         tags$h1(
@@ -240,7 +239,6 @@ mod_info_ui <- function(id) {
           ),
         ),
       )
-    ),
 
   )
 }