Merge pull request #62 from opendevise/upgrade-asciidoctor-tabs

upgrade to Asciidoctor Tabs 1.0.0-alpha.12 and configure table container element

Author: marcusdacoregio

package-lock.json

@@ -18,10 +18,10 @@
   ],
   "devDependencies": {
     "@asciidoctor/core": "~2.2",
-    "@asciidoctor/tabs": "1.0.0-alpha.11",
+    "@asciidoctor/tabs": "1.0.0-alpha.12",
     "@fontsource/roboto": "~4.5",
     "@fontsource/roboto-mono": "~4.5",
-    "@springio/asciidoctor-extensions": "1.0.0-alpha.4",
+    "@springio/asciidoctor-extensions": "1.0.0-alpha.8",
     "autoprefixer": "~10.4",
     "browser-pack-flat": "~3.5",
     "browserify": "~17.0",

package.json

@@ -168,6 +168,29 @@ fun doFilter(request: ServletRequest, response: ServletResponse, chain: FilterCh
     // do something after the rest of the application
 }
 ----
+
+Wide Table::
++
+|===
+|Spring Boot 2.x |ClientRegistration
+
+|`spring.security.oauth2.client.registration._[registrationId]_`
+|`registrationId`
+
+|`spring.security.oauth2.client.registration._[registrationId]_.client-id`
+|`clientId`
+
+|`spring.security.oauth2.client.registration._[registrationId]_.client-secret`
+|`clientSecret`
+
+|`spring.security.oauth2.client.registration._[registrationId]_.client-authentication-method`
+|`clientAuthenticationMethod`
+
+|`spring.security.oauth2.client.registration._[registrationId]_.authorization-grant-type`
+|`authorizationGrantType`
+|===
++
+The table should fit within the tab panel and scroll horizontally.
 ====
 endif::[]
 ifndef::asciidoctor-tabs-loaded[]

preview-src/index.adoc

@@ -194,10 +194,19 @@ h1.page + aside.toc.embedded {
 
 .doc table.tableblock {
   font-size: calc(15 / var(--rem-base) * 1rem);
+}
+
+.doc table.tableblock,
+.doc .tablecontainer {
   margin: 1.5rem 0 0;
 }
 
-.doc table.tableblock + * {
+.doc .tablecontainer > table.tableblock {
+  margin-top: 0;
+}
+
+.doc table.tableblock + *,
+.doc .tablecontainer + * {
   margin-top: 1.5rem;
 }
 

src/css/doc.css

@@ -282,17 +282,16 @@
 /* Tables */
 
 .doc table.tableblock {
-  overflow-x: auto;
   font-size: calc(15 / var(--pixel-to-rem));
-  margin: 1.5rem 0 0;
 }
 
-.doc table.tableblock td {
-  min-width: 6rem;
+.doc table.tableblock + *,
+.doc .tablecontainer + * {
+  margin-top: 2rem;
 }
 
-.doc table.tableblock + * {
-  margin-top: 2rem;
+.doc table.tableblock td {
+  min-width: 6rem;
 }
 
 .doc td.tableblock > .content > :first-child {