asciidoctor-tabs 1.0.0.alpha.8 → 1.0.0.alpha.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35c07868db0fc9f06cc95b5af64d1228ede7894c8acdb63570c368acf8d179f8
-  data.tar.gz: 80e712a56c6e421a922e109ba7cdfcf4807f24aa2b1a8aac9e8d6b334f483986
+  metadata.gz: 5aeccc2d9238859443b65f67f884e6629f95ac3a11e1ef89ccaff2280ac27003
+  data.tar.gz: d88ba56fefb38744e27d059c53d61f25507b47b2a8958e34252fed4278c86215
 SHA512:
-  metadata.gz: 3cda7d6fd762ae09f8376b344f3e1a2a28c32605cfc9c5afb51117f31868e5ea9e05f299e587937ad045d4bb2c0e24bc4dc4b3351a02cae840ebe3a7cca56b1b
-  data.tar.gz: 68e26c82a72335b2ff799d816f3e8562367b7d14e0de78794ac19b3bcc36a98b4dc51f9d6b9f06d82d5769d87cb132ada8b8a8fd31706434a001428b772367b8
+  metadata.gz: 07a151ea4c94cb145e1bf673c0ceec2d96b6c75acc525a969bd304b8e59c4180057e1ee95d762c16f83c2845b76a2c91b6cf248835c97fa58043e1d8b5b58c3e
+  data.tar.gz: 6d8b2e56e0df595d0c5c05a357d5c5bfbd4de89e412c7d94a56d42aebf2bc9c1f875b8667089154c4c35d28ed931081d27270c9fdaba68a8d3a0e2ccc969a49e

data/CHANGELOG.adoc

@@ -4,6 +4,24 @@
 This document provides a curated view of the changes to Asciidoctor Tabs per release.
 For a detailed view of what has changed, refer to the {url-repo}/commits/main[commit history] on GitHub.
 
+== 1.0.0-alpha.9 (2022-12-07) - @mojavelinux
+
+=== Changed
+
+* Assign `tab` role to each item in tab list
+* Apply border and padding to tab pane element instead of its parent
+* Remove fixed height on tab element; using padding instead
+* Use more subtle color scheme for border and background colors on tabs
+
+=== Fixed
+
+* Configure overflow content in tab panel to scroll horizontally
+* Set background on tabs properly so background does not bleed through
+
+=== Details
+
+{url-repo}/releases/tag/v1.0.0-alpha.9[git tag] | {url-repo}/compare/v1.0.0-alpha.8\...v1.0.0-alpha.9[full diff]
+
 == 1.0.0-alpha.8 (2022-11-30) - @mojavelinux
 
 === Fixed

data/README.adoc

@@ -1,6 +1,6 @@
 = Asciidoctor Tabs
 Dan Allen <https://github.com/mojavelinux[@mojavelinux]>
-v1.0.0-alpha.8, 2022-11-30
+v1.0.0-alpha.9, 2022-12-07
 :idprefix:
 :idseparator: -
 ifndef::env-github[:icons: font]

data/data/css/tabs.css

@@ -1,4 +1,8 @@
 /*! Asciidoctor Tabs | Copyright (c) 2018-present Dan Allen | MIT License */
+.tabset {
+  margin-bottom: 1.25em;
+}
+
 .tabs > ul {
   display: flex;
   flex-wrap: wrap;
@@ -9,39 +13,36 @@
 
 .tabs > ul li {
   align-items: center;
-  border: 1px solid black;
-  border-bottom: 0;
+  background-color: #fff;
   cursor: pointer;
   display: flex;
   font-weight: bold;
-  height: 2em;
-  line-height: 1;
-  margin-right: 0.25em;
-  padding: 0 1em;
+  line-height: 1.5;
+  padding: 0.25em 1em;
   position: relative;
 }
 
-.tabs > ul li, .tabs > ul p {
-  margin-bottom: 0;
+.tabs.ulist > ul li {
+  margin: 0;
 }
 
-.tabs > ul li + li[id] {
-  margin-top: 0;
+.tabs > ul p {
+  line-height: inherit;
+  margin-bottom: 0;
 }
 
-.tabset {
-  margin-bottom: 1.25em;
+.tabs.ulist > ul li + li {
+  margin-left: 0.25em;
 }
 
 .tabset.is-loading .tabs li:not(:first-child),
 .tabset:not(.is-loading) .tabs li:not(.is-active) {
-  background-color: black;
-  color: white;
+  background-color: #f5f5f5;
 }
 
 .tabset.is-loading .tabs li:first-child::after,
-.tabs li.is-active::after {
-  background-color: white;
+.tabset:not(.is-loading) .tabs li.is-active::after {
+  background-color: inherit;
   content: "";
   display: block;
   height: 3px; /* Chrome doesn't always paint the line accurately, so add a little extra */
@@ -51,11 +52,22 @@
   right: 0;
 }
 
-.tabset > .content {
-  border: 1px solid gray;
+.tabset .tab-pane {
+  background-color: #fff;
+  display: flex;
+  overflow-x: auto;
   padding: 1.25em;
 }
 
+.tabs > ul li,
+.tabset .tab-pane {
+  border: 1px solid #dcdcdc;
+}
+
+.tabs > ul li {
+  border-bottom: 0;
+}
+
 .tabset.is-loading .tab-pane:not(:first-child),
 .tabset:not(.is-loading) .tab-pane:not(.is-active) {
   display: none;

data/lib/asciidoctor/tabs/block.rb

@@ -23,7 +23,8 @@ module Asciidoctor
         if (title = attrs['title'])
           parent << (create_html_fragment parent, %(<div class="title">#{parent.apply_subs title}</div>))
         end
-        (tabs = create_list parent, :ulist).add_role 'tabs'
+        tabs = create_list parent, :ulist
+        tabs.add_role 'tabs'
         panes = {}
         set_id_on_tab = (doc.backend == 'html5') || (list_item_supports_id? doc)
         source_tabs.items.each do |labels, content|
@@ -32,6 +33,7 @@ module Asciidoctor
             tab_id = generate_id tab.text, doc, tabs_id
             tab_source_text = tab.instance_variable_get :@text
             set_id_on_tab ? (tab.id = tab_id) : (tab.text = %([[#{tab_id}]]#{tab_source_text}))
+            tab.add_role 'tab'
             (doc.register :refs, [tab_id, tab]).set_attr 'reftext', tab_source_text
             tab_id
           end

data/lib/asciidoctor/tabs/version.rb

@@ -2,6 +2,6 @@
 
 module Asciidoctor
   module Tabs
-    VERSION = '1.0.0.alpha.8'
+    VERSION = '1.0.0.alpha.9'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: asciidoctor-tabs
 version: !ruby/object:Gem::Version
-  version: 1.0.0.alpha.8
+  version: 1.0.0.alpha.9
 platform: ruby
 authors:
 - Dan Allen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-11-30 00:00:00.000000000 Z
+date: 2022-12-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: asciidoctor