Merge branch 'main' into feat/lesson

Author: jlukic

RELEASE-NOTES.md

@@ -13,13 +13,13 @@ Please note after `1.0` Semver will be followed using normal protocols.
 ## Improvements
 * Expression evaluation has been improved to support additional cases with mixed Lisp and JS style function callbacks
 * Improved the performance characteristics of reactive conditionals in templates
-
-## Bugs
-* Fix `pick` in utils to work with proxy objects
-
 For instance you can now pass js to Lisp style arguments
 ```javascript
 {concat 'my' 'friend' (isDog ? 'simon dog' : 'pookie cat') }
+```
+
+## Bugs
+* Fix `pick` in utils to work with proxy objects
 
 # Version 0.10.4-0.10.8
 

docs/src/helpers/navigation.js

@@ -308,10 +308,10 @@ export const getSidebarMenu = async ({ url, topbarSection }) => {
 };
 
 /* Adds links for prev/next page used at bottom of guide pages */
-export const getPageTraversalLinks = async ({ url }) => {
+export const getPageTraversalLinks = async ({ url = '' }) => {
+  url = url.replace(/\/$/, '');
   const menu = await await getFlattenedSidebarMenu({ url });
   const currentIndex = findIndex(menu, item => item.url == url);
-
   let next;
   let previous;
   if (currentIndex >= 0) {

docs/src/layouts/Layout.astro

@@ -2,7 +2,7 @@
 import '../css/layers.css';
 import '../css/fonts.css';
 
-import { UIIcon } from '@semantic-ui/core';
+import { UICard, UIIcon } from '@semantic-ui/core';
 import Body from './Body.astro';
 import Sidebar from '@components/Sidebar.astro';
 import DocsMasthead from '@components/DocsMasthead.astro';
@@ -68,26 +68,26 @@ const activeURL = Astro.url.pathname;
 					<div class="traversal">
 						<ui-container>
 							{pageTraversal.previous && (
-								<ui-card href={pageTraversal.previous.url} previous>
+								<UICard fluid href={pageTraversal.previous.url} previous>
 		              <div class="label">
 		                <ui-icon icon="left chevron"></ui-icon>
 		                Previous
 		              </div>
 		              <div class="header">
 		                {pageTraversal.previous.name}
 		              </div>
-								</ui-card>
+								</UICard>
 							)}
 							{pageTraversal.next && (
-								<ui-card href={pageTraversal.next.url} next>
+								<UICard fluid href={pageTraversal.next.url} next>
 		              <div class="label">
 		                Next
 		                <ui-icon icon="right chevron"></ui-icon>
 		              </div>
 		              <div class="header">
 		                {pageTraversal.next.name}
 		              </div>
-								</ui-card>
+								</UICard>
 							)}
 						</ui-container>
 					</div>

docs/src/layouts/Layout.css

@@ -76,31 +76,32 @@
 
       ui-container {
         display: flex;
-
+        gap: 2rem;
       }
 
       ui-card {
         text-align: left;
-        min-width: 300px;
+        width: 50%;
+
+        flex-grow: 1;
         .label {
           color: var(--primary-text-color);
           font-weight: bold;
-          font-size: var(--small);
+          font-size: var(--large);
           transition: var(--transition);
         }
         .header {
           color: var(--standard-60);
-          font-size: var(--large);
+          font-size: var(--huge);
           font-weight: var(--bold);
           transition: var(--transition);
         }
       }
 
       [previous] {
-        margin-right: auto;
+        text-align: left;
       }
       [next]{
-        margin-left: auto;
         text-align: right;
       }
     }

src/components/card/css/card-shadow.css

@@ -182,7 +182,7 @@
 @layer component.card.variations.fluid {
   :host([fluid]),
   .fluid.card {
-    width: 100%;
+    --card-width: auto;
     --card-image-max-width: none;
   }
 }

src/components/card/css/shadow/variations/fluid.css

@@ -1,5 +1,5 @@
 :host([fluid]),
 .fluid.card {
-  width: 100%;
+  --card-width: auto;
   --card-image-max-width: none;
 }