Fix for safari and iPhone

theplant · Nov 15, 2021 · 5749de8 · 5749de8
1 parent b7714b5
commit 5749de8
Show file tree

Hide file tree

Showing 14 changed files with 291 additions and 287 deletions.
diff --git a/builder.go b/builder.go
@@ -34,7 +34,8 @@ type Builder struct {
 
 func New() (r *Builder) {
 	r = &Builder{
-		builder: web.New(),
+		builder:    web.New(),
+		sitePrefix: "/",
 	}
 	return
 }
@@ -181,11 +182,11 @@ func (b *Builder) navigation(doc *DocBuilder) (r HTMLComponent) {
 				If(i < (len(items)-1),
 					Div(
 						arrowIcon,
-					).Class("w-3 m-2 flex fill-current text-gray-500"),
+					).Class("w-3 m-2 fill-current text-gray-500"),
 				),
 				A().Href(items[i].GetPageURL()).Text(items[i].Title).
 					Class("text-gray-50"),
-			).Class("inline-flex"),
+			).Class("flex"),
 		)
 	}
 

diff --git a/doc.go b/doc.go
@@ -88,9 +88,9 @@ func (b *DocBuilder) ContentGroupItem(ctx context.Context) (r HTMLComponent) {
 		A(
 			Div(
 				docIcon,
-			).Class("w-4 flex mr-4 text-gray-500 fill-current"),
+			).Class("w-4 h-4 mt-2 mr-4 text-gray-500 fill-current"),
 			Span(b.title),
-		).Class("inline-flex").Href(b.node.GetPageURL()),
+		).Class("flex").Href(b.node.GetPageURL()),
 		If(len(b.abstractText) > 0, Div(
 			Div().Text(b.abstractText),
 		).Class("ml-8")),

diff --git a/docjs/dist/docgo.css b/docjs/dist/docgo.css
diff --git a/docjs/public/index.html b/docjs/public/index.html
diff --git a/docs/github-pages-integration.html b/docs/github-pages-integration.html
@@ -17,12 +17,12 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 

diff --git a/docs/hello-world-with-children.html b/docs/hello-world-with-children.html
@@ -17,12 +17,12 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 
@@ -63,8 +63,8 @@ <h3>Essentials</h3>
 
 <div class='sm:w-3/4'>
 <div class='mt-4 sm:mt-8'>
-<a href='hello-world-with-children/how-to-say-hello.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='hello-world-with-children/how-to-say-hello.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path
@@ -77,8 +77,8 @@ <h3>Essentials</h3>
 </div>
 
 <div class='mt-4 sm:mt-8'>
-<a href='hello-world-with-children/how-to-say-good-bye.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='hello-world-with-children/how-to-say-good-bye.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path

diff --git a/docs/hello-world-with-children/how-to-say-good-bye.html b/docs/hello-world-with-children/how-to-say-good-bye.html
@@ -17,20 +17,20 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 
 <a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 

diff --git a/docs/hello-world-with-children/how-to-say-hello.html b/docs/hello-world-with-children/how-to-say-hello.html
@@ -17,20 +17,20 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 
 <a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 

diff --git a/docs/hello-world.html b/docs/hello-world.html
@@ -17,12 +17,12 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 

diff --git a/docs/index.css b/docs/index.css
diff --git a/docs/index.html b/docs/index.html
@@ -17,7 +17,7 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 </div>
@@ -193,8 +193,8 @@ <h3>Essentials</h3>
 
 <div class='sm:w-3/4'>
 <div class='mt-4 sm:mt-8'>
-<a href='github-pages-integration.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='github-pages-integration.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path
@@ -207,8 +207,8 @@ <h3>Essentials</h3>
 </div>
 
 <div class='mt-4 sm:mt-8'>
-<a href='use-with-htmlgo.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='use-with-htmlgo.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path
@@ -225,8 +225,8 @@ <h3>Essentials</h3>
 </div>
 
 <div class='mt-4 sm:mt-8'>
-<a href='the-difference-with-github-flavored-markdown.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='the-difference-with-github-flavored-markdown.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path
@@ -247,8 +247,8 @@ <h3>Samples</h3>
 
 <div class='sm:w-3/4'>
 <div class='mt-4 sm:mt-8'>
-<a href='hello-world.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='hello-world.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path
@@ -265,8 +265,8 @@ <h3>Samples</h3>
 </div>
 
 <div class='mt-4 sm:mt-8'>
-<a href='hello-world-with-children.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='hello-world-with-children.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path

diff --git a/docs/the-difference-with-github-flavored-markdown.html b/docs/the-difference-with-github-flavored-markdown.html
@@ -17,12 +17,12 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 
@@ -86,8 +86,8 @@ <h3>Samples</h3>
 
 <div class='sm:w-3/4'>
 <div class='mt-4 sm:mt-8'>
-<a href='the-difference-with-github-flavored-markdown/how-to-say-hello-with-code-block.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='the-difference-with-github-flavored-markdown/how-to-say-hello-with-code-block.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path
@@ -114,8 +114,8 @@ <h3></h3>
 
 <div class='sm:w-3/4'>
 <div class='mt-4 sm:mt-8'>
-<a href='use-with-htmlgo.html' class='inline-flex'>
-<div class='w-4 flex mr-4 text-gray-500 fill-current'>
+<a href='use-with-htmlgo.html' class='flex'>
+<div class='w-4 h-4 mt-2 mr-4 text-gray-500 fill-current'>
 <svg aria-hidden="true" class=""
 viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
 <path

diff --git a/docs/the-difference-with-github-flavored-markdown/how-to-say-hello-with-code-block.html b/docs/the-difference-with-github-flavored-markdown/how-to-say-hello-with-code-block.html
@@ -17,20 +17,20 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>
 

diff --git a/docs/use-with-htmlgo.html b/docs/use-with-htmlgo.html
@@ -17,12 +17,12 @@
 <div id='app' v-cloak>
 <nav class='bg-gray-700 py-3 text-base font-normal mb-8'>
 <div aria-label='Breadcrumbs' class='flex list-none lg:max-w-5xl mx-auto px-6 sm:px-10'>
-<div class='inline-flex'>
+<div class='flex'>
 <a href='index.html' class='text-gray-50'>docgo Documentation</a>
 </div>
 
-<div class='inline-flex'>
-<div class='w-3 m-2 flex fill-current text-gray-500'>
+<div class='flex'>
+<div class='w-3 m-2 fill-current text-gray-500'>
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" data-v-134594fd="" data-v-838665fe=""><path data-v-7abeccde="" d="m4.81347656 13.1269531c.22558594 0 .41015625-.0820312.56738282-.2324219l5.31835942-5.19531245c.1845703-.19140625.2802734-.38964844.2802734-.63574219 0-.23925781-.0888672-.45117187-.2802734-.62890625l-5.31835942-5.20214843c-.15722657-.15039063-.34179688-.23242188-.56738282-.23242188-.45800781 0-.81347656.35546875-.81347656.80664062 0 .21875.09570312.43066407.24609375.58789063l4.79199219 4.67578125-4.79199219 4.6621094c-.15722656.1640625-.24609375.3623047-.24609375.5878906 0 .4511719.35546875.8066406.81347656.8066406z"></path></svg>
 </div>