Merge branch 'main' into hero-refresh

posit-dev · Mar 22, 2024 · aede0b5 · aede0b5
2 parents 406efa5 + ccec753
commit aede0b5
Show file tree

Hide file tree

Showing 54 changed files with 438 additions and 5,695 deletions.
diff --git a/components/_partials/components-list.css b/components/_partials/components-list.css
@@ -1,10 +1,3 @@
-/* Remove space at top of list page */
-
-#quarto-content>* {
-  padding-top: 0px;
-  margin-top: 0px;
-}
-
 /* List page background colors */
 
 #quarto-content {
@@ -22,6 +15,13 @@
   100%);
 }
 
+/* Remove space at top of list page */
+
+#quarto-content>* {
+  padding-top: 0px;
+  margin-top: 0px;
+}
+
 /* Shinylive styling for list page */
 
 .shinylive-container.viewer {
@@ -58,3 +58,130 @@ div.shinylive-wrapper {
 .shinylive-container>div {
   border-radius: 10px;
 }
+
+
+/* list page styling */
+
+.list-section {
+  border-top: 1px solid #cdd4da;
+  padding-top: 3rem;
+  padding-bottom: 5rem;
+}
+.component-list-column {
+  padding-top: 1rem;
+   align-self: end;
+}
+
+.component-list-card {
+  box-shadow: 0px 1px 2px rgba(29, 31, 33, 0.1),
+    0px 2px 3px rgba(29, 31, 33, 0.1), 0px 3px 8px rgba(29, 31, 33, 0.1);
+  border-radius: 10px;
+  height: 150px;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  flex-wrap: wrap;
+}
+.component-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-bottom: 0px;
+}
+
+
+.component-list-header-text,
+.component-list-icon a {
+  text-decoration: none;
+  color: #212529;
+}
+
+.component-list-icon {
+  margin-bottom: 0.375rem;
+}
+
+.component-list-icon a {
+  font-size: 1.25em;
+}
+
+.component-list-header-text a {
+  border-bottom: none;
+}
+.component-link-icon {
+  margin: 0.25rem;
+  white-space: nowrap;
+}
+
+a .component-link-icon:after {
+  content: "\F134";
+  font-family: "bootstrap-icons";
+  transition: all 0.3s !important;
+}
+
+a:hover .component-link-icon:after,
+a.component-list-header-text:hover
+  ~ div.component-list-icon
+  p
+  a
+  i.component-link-icon:after {
+  content: "\F133";
+  font-family: "bootstrap-icons";
+}
+
+.component-list-header-text:hover {
+  color: #000000;
+}
+
+/* Hero area of list page */
+
+@media only screen and (max-width: 767px) {
+  .components-hero-img-container {
+    display: none;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .components-hero-img-container {
+    text-align: right;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .components-hero-img {
+    width: 450px;
+    margin-left: -80px;
+  }
+  .hero-area {
+    height: 373px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .components-hero-img {
+    margin-left: -60px;
+    width: 550px;
+  }
+  .hero-area {
+    height: 500px;
+  }
+  .components-hero-img-container {
+    margin-top: auto;
+    margin-bottom: auto;
+    overflow: hidden;
+    margin-right: -2.5rem;
+    margin-left: -1.5rem;
+  }
+}
+
+@media only screen and (min-width: 1350px) {
+  .components-hero-img {
+    margin-left: -60px;
+    width: 650px;
+  }
+  .components-hero-img-container {
+    margin-top: auto;
+    margin-bottom: auto;
+    overflow: hidden;
+    margin-right: -2.5rem;
+    margin-left: 1.5rem;
+  }
+}
+
diff --git a/components/_partials/components.css b/components/_partials/components.css
@@ -1,31 +1,14 @@
-/* make space for sidebar icons */
-@media only screen and (min-width: 992px) {
-  .components-hero-img {
-    margin-left: -60px;
-    width: 550px;
-  }
-  .components-hero-img-container {
-    margin-top: auto;
-    margin-bottom: auto;
-    overflow: hidden;
-    margin-right: -2.5rem;
-    margin-left: -1.5rem;
-  }
-}
+/*
 
-@media only screen and (min-width: 1350px) {
-  .components-hero-img {
-    margin-left: -60px;
-    width: 650px;
-  }
-  .components-hero-img-container {
-    margin-top: auto;
-    margin-bottom: auto;
-    overflow: hidden;
-    margin-right: -2.5rem;
-    margin-left: 1.5rem;
-  }
-} /* make space for sidebar icons */
+The /components/ section is made up of a list page and artcle pages.  
+
+The components list page (/components/index.qmd) gets styling from /components/_partials/components-list.css.
+
+The article pages (/components/_____/index.qmd) get styling from here.
+
+*/
+
+/* make space for sidebar icons */
 
 @media only screen and (min-width: 992px) {
   #quarto-sidebar > * {
@@ -34,129 +17,34 @@
   }
 }
 
-/* list page styling */
 
-.list-section {
-  border-top: 1px solid #cdd4da;
-  padding-top: 3rem;
-  padding-bottom: 5rem;
-}
-.component-list-column {
-  padding-top: 1rem;
-   align-self: end;
-}
 
-.component-list-card {
-  box-shadow: 0px 1px 2px rgba(29, 31, 33, 0.1),
-    0px 2px 3px rgba(29, 31, 33, 0.1), 0px 3px 8px rgba(29, 31, 33, 0.1);
-  border-radius: 10px;
-  height: 150px;
-  background-color: #ffffff;
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  flex-wrap: wrap;
-}
-.component-list-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-  margin-bottom: 0px;
-}
+/* Add rule and spacing between sections */
 
-.component-list-header-text h5 {
-  margin-bottom: 0.2rem;
-}
-.component-list-header-text,
-.component-list-icon a {
-  text-decoration: none;
-  color: #212529;
+section.level2:not(:first-child) h2 {
+  border-top: 1px solid var(--bs-primary);
+  padding-top: 5rem !important;
+  margin-top: 5rem !important;
 }
 
-.component-list-icon a {
-  font-size: 1.25em;
-  margin-bottom: -4px;
+section.level2:not(:first-child) > :last-child {
+  margin-bottom: 0;
 }
 
-.component-list-header-text a {
-  border-bottom: none;
-}
-.component-link-icon {
-  margin: 0.25rem;
-  white-space: nowrap;
-}
+/*Make code in Relavent Functions wrap*/
 
-a .component-link-icon:after {
-  content: "\F134";
-  font-family: "bootstrap-icons";
-  transition: all 0.3s !important;
+#relevant-functions ul li code {
+  white-space: normal;
 }
 
-a:hover .component-link-icon:after,
-a.component-list-header-text:hover
-  ~ div.component-list-icon
-  p
-  a
-  i.component-link-icon:after {
-  content: "\F133";
-  font-family: "bootstrap-icons";
-}
 
-.component-list-header-text:hover {
-  color: #000000;
-}
+/*remove extra space under header*/
 
-/* Hero area of list page */
-
-@media only screen and (max-width: 767px) {
-  .components-hero-img-container {
-    display: none;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .components-hero-img-container {
-    text-align: right;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .components-hero-img {
-    width: 450px;
-    margin-left: -80px;
-  }
-  .hero-area {
-    height: 373px;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .components-hero-img {
-    margin-left: -60px;
-    width: 550px;
-  }
-  .hero-area {
-    height: 500px;
-  }
-  .components-hero-img-container {
-    margin-top: auto;
-    margin-bottom: auto;
-    overflow: hidden;
-    margin-right: -2.5rem;
-    margin-left: -1.5rem;
-  }
+#title-block-header {
+  margin-block-end: 0px;
 }
 
-@media only screen and (min-width: 1350px) {
-  .components-hero-img {
-    margin-left: -60px;
-    width: 650px;
-  }
-  .components-hero-img-container {
-    margin-top: auto;
-    margin-bottom: auto;
-    overflow: hidden;
-    margin-right: -2.5rem;
-    margin-left: 1.5rem;
-  }
-}
+
 
 .component-hr:last-of-type {
   display: none;
@@ -189,15 +77,4 @@ main a.nav-link:hover {
 .iframe-border {
   border: 1px solid #e9ecef;
   border-radius: 10px;
-}
-
-/* Add rule and spacing between sections */
-section.level2:not(:first-child) h2 {
-  border-top: 1px solid var(--bs-primary);
-  padding-top: 5rem !important;
-  margin-top: 5rem !important;
-}
-
-section.level2:not(:first-child) > :last-child {
-  margin-bottom: 0;
-}
+}
diff --git a/components/display-messages/notifications/index.qmd b/components/display-messages/notifications/index.qmd
@@ -49,7 +49,7 @@ listing:
       shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkDOFGIVOANzgAdCI2ZsuPLHAAe6Ma1Z8BQkd3QBXCkROcFCy1mNmA+hKnkHAIzMVyACjlgOpADufkR+AMrsQcgAcqRSdJzEUC4QfgCU1qkQAAJizjJw6nR0cJIKueKSBeqylN72FFgBgRkQACZwdCpBDkIOJuhtyXAOEHGcCUkp3mmICsgLyLZj8YnJnK7NvhCLu8h0fgCapCbIxAA2iQDWcG3IFOxwyBFRHhReOyANTZGBMwC+934cFYWBC8z2CzaJgY63IAF5YhA4AQIZCAMRnZjoKBie6kZCBdjJZDEzDUPQTZC4E5YmDwSjIE4iB5PS7I5BuODnIJovacNrwvzwXRQADm8kIfNahFQFFw6AQKDAVA0FDA-wAukA
     - title: Core
       file: app-variation-replace-update-a-notification-core.py
-      shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkAQUxEGcKMQqcAbnCIBXTgB0IGjOgD6q5AF5kqnFADmcHXQA2qgCYAKDchfHOWbumUUdMueR0AI28KcicwDlIAdzVCZFiAZXZo5AA5Ujk6TmIof00wAEoCDQKNMog7ODo2OAZFBgdPbyJSby8KIlY4VlZOcgLEZ1cAASk-BTgsAFE6OjhZIZdR6VkJrDhFSkaIdqxIqNKIV2RK6v2dIT10O1zLCAzOLJy8hwHF47cse8zs3L6IHT7JxHD6guixACarWQxGs2QA1nA7MgKOw4MgkilghRQkcQE0KHtklFXgBfFH8bpYWLFEGg452ZQMP7kAzpCBKd705AAYhhzHQUCkKNIyCi7FyyAlmGorD41Vw0LIMHglGQrREqPRcI5yECcGs0S59M4dgMsXgPXMcBpxpch3K2kMYkwDm0ek4nVq9UOcTAFFw6AQKH9cAAHhQwKSALpAA
+      shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkAQUxEGcKMQqcAbnCIBXTgB0IGjOgD6q5AF5kqnFADmcHXQA2qgCYAKDchfHOWbumUUdMueR0AI28KcicwDlIAdzVCZFiAZXZo5AA5Ujk6TmIof00wAEoCDQKNMog7ODo2OAZFBgdPbyJSby8KIlY4VlZOcgLEZ1cAASk-BTgsKro4WSGXUelZCanFSkaIdqxIqNKIV2RK6p2dIT10O1zLCAzOLJy8hwH5g7csG8zs3L6IHR2nfavIF0WIATVayGI1myAGs4HZkBR2HBkEkUsEKKF9iAmhRtskok8AL6I-jdLCxYqAoEHOzKBjfcgGdIQJQvGnIADEkOY6CgUkRpGQUXYuWQosw1FYfGquAhZBg8EoyFaIiRKOhrOQgTg1mi7JpnDsBli8B65jglINLj25W0hjEmAc2j0nE6tXqeziYAouHQCBQPrgAA8KGAiQBdIA
   - title: Track and remove notifications
     description: Track notifications, and use `ui.notification_remove()` to remove
       notifications one at a time.
@@ -59,10 +59,10 @@ listing:
       height: 225
     - title: Express
       file: app-variation-track-and-remove-notifications-express.py
-      shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkDOFGIVOANzgAdCI2ZsuPLHAAe6Ma1Z8BQkd3QBXCkROcFCy1mNmA+hKnkHAIzMVyACjlgOpADufkR+AMrsQcgAcqRSdJzEUC4QfgCUNpx2EKYUTpKcrh4UXhC+YGIwpLIhyH4ASnBVsjFxnAlJKenWEJwAJqwoADacrBTAYwwAusgAvMjAUwoQKNwi8wAMPQoAAmLOMnBYAKJ0dHCSu-sFsuqylN72FFgBgRkQfXB0yA7eaYgKZBA5AAcyGpDcUCGfAGgOBYIhUOQqQgwOQAGJkGEoC0KOw4MgAJIAEWQdCEoia1SRQ2ScAYcKB-TmyFsEDaHWShQgDle5QAsnBdFAQQS-MgANRsCgMbwQNJEPomBhc8izWIQODvNH9VhYDDoah9R59bXA1ES+YARm2ED24huR1O50uduuUlucHuFEeOTMWEq1S1Ck+31+-0ZoPBkOhusj7Rhg0jaLZHMSqp5gdkJr1gnQf3ehFQFFwhtoYCoGgoYAAvlMgA
+      shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkDOFGIVOANzgAdCI2ZsuPLHAAe6Ma1Z8BQkd3QBXCkROcFCy1mNmA+hKnkHAIzMVyACjlgOpADufkR+AMrsQcgAcqRSdJzEUC4QfgCUNpx2EKYUTpKcrh4UXhC+YGIwpLIhyH4ASnBVsjFxnAlJKenWEJwAJqwoADacrBTAYwwAusgAvMjAUwoQKNwi8wAMPQoAAmLOMnDqdHRwkrv7BbLqspTe9hRYAYEZEH1wdMgO3mmICsgA5AAcyGpDcUCGfAG-0BILBEOQqQggOQAGJkGEoC0KOw4MgAJIAEWQdCEoia1QRQ2ScAYMIB-TmyFsEDaHWShQgDme5QAsnBdFAgXi-MgANRsCgMbwQNJEPomBgc8izWIQOCvFH9VhYDDoah9e59TWA5Fi+YARm2ED24iuRw+p3ONsuUmucFuFHuOTMWEq1Q1Cnen2+v3pwNB4Mh2vD7Shg3DKJZbMSyq5-tkRp1gnQP1ehFQFFw+toYCoGgoYAAvlMgA
     - title: Core
       file: app-variation-track-and-remove-notifications-core.py
-      shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkAQUxEGcKMQqcAbnCIBXTgB0IGjOgD6q5AF5kqnFADmcHXQA2qgCYAKDchfHOWbumUUdMueR0AI28KcicwDlIAdzVCZFiAZXZo5AA5Ujk6TmIof00wAEoCZ1cTT29fWU4A4IpQiHCpGFJFWKJYgCU4ZsU0jM4snLzYoo0CjQmIOzg6NjgGRQYHcooiUm8vVbnWVmqIAsQSl047VhRrTlYKYCuGAF1DZGA7o+QIFG4RIwAGSddkAACUj8CjgWAAonQ6HBZK8gdIqoosHBFJRlhBNlhIlFxhB-tNZjoHAdXv8IORrKQctY+KdSa5yRBKdS3vSXABiZAJKC9CjsODIACSABFkHQhMgmi0oDTrLl5mzaY8TOTMtlcnsdNinHj-nqXHRYuk1UM9sgQBAAL5tZB2ZQMDXkAzpCBKZDESmsSy1eoGABiMq9itx+uOpyw2mojhOIdDeIA1EYAIx-VzwkFIyHQ2G6lzpxFglHUCjozFSxSxlwE5BEkm5vWM5ky2msRUDFuHeuhtxYVUDdV5HTluDLcOCdDE3GTbSPcQT7R6ThEL0Lea4uJgCi4dAIFCbuAADwoYEtdyAA
+      shinylive: https://shinylive.io/py/editor/#code=NobwRAdghgtgpmAXAAjFADugdOgnmAGlQGMB7CAFzkqVQDMAnUmZAZwAsBLCXZTmdKQYVkAQUxEGcKMQqcAbnCIBXTgB0IGjOgD6q5AF5kqnFADmcHXQA2qgCYAKDchfHOWbumUUdMueR0AI28KcicwDlIAdzVCZFiAZXZo5AA5Ujk6TmIof00wAEoCZ1cTT29fWU4A4IpQiHCpGFJFWKJYgCU4ZsU0jM4snLzYoo0CjQmIOzg6NjgGRQYHcooiUm8vVbnWVmqIAsQSl047VhRrTlYKYCuGAF1DZGA7o+QIFG4RIwAGSddkAACUj8CjgWBmdDgsleQOkVUU4MUlGWEE2WEiUXGEH+01mOgcB1e-wg5GspBy1j4pyJrhJEDJFLeNJcAGJkAkoL0KOw4MgAJIAEWQdCEyCaLSglOsuXmzKpjxMJMy2Vyex0GKc2P+2pcdFi6WVQz2yBAEAAvm1kHZlAxVeQDOkIEpkMQyaxLLV6gYAGKS91yrE646nLDaaiOE6BoPYgDURgAjH9XLCQQiIVCKDDgfCwXAkRQUWjxYooy5cch8YStTq6QzJVTWHKBg3DtWgy5Ff1BnaIDpi3BliHBOgCVjJtpHuIR9o9JwiO6FvMsXEwBRcOgEChV3AAB4UMBmu5AA
 ---
 
 :::{#example}

diff --git a/components/display-messages/tooltips/app-preview.py b/components/display-messages/tooltips/app-preview.py
@@ -8,9 +8,9 @@
         id="btn_tooltip",  # <<
         placement="top",  # <<
     ),
-
 )
 
+
 def server(input, output, session):
     @render.text
     def text():