nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

tabs: fix style for indented code blocks #550

Browse source
This commit is contained in:
Sören Weber 2023-06-07 20:16:59 +02:00
parent 822a913e83
commit 25e39cfe34
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
exampleSite/content/shortcodes/tabs.en.md
View file

@ -122,10 +122,8 @@ While pressing a tab of group A switches all tab views of group A in sync (if th
<Hello>World</Hello>
```
{{%/* /tab */%}}
{{%/* tab title="properties" */%}}
```properties
Hello = World
```
{{%/* tab title="text" */%}}
Hello World
{{%/* /tab */%}}
{{</* /tabs */>}}
````
@ -178,10 +176,10 @@ Hello = World
<Hello>World</Hello>
```
{{% /tab %}}
{{% tab title="properties" %}}
```ini
Hello = World
```
{{% tab title="text" %}}
Hello World
{{% /tab %}}
{{< /tabs >}}

3
static/css/theme.css
View file

@ -1955,6 +1955,7 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
padding: 0;
}
/* remove border from a code block if single */
#body .tab-content-text > div.highlight:only-child > pre{
#body .tab-content-text > div.highlight:only-child > pre,
#body .tab-content-text > pre.pre-code:only-child{
border: 0;
}

2
static/js/theme.js
View file

@ -68,7 +68,7 @@ function adjustContentWidth(){
function fixCodeTabs(){
/* if only a single code block is contained in the tab and no style was selected, treat it like style=code */
var codeTabPanels = Array.from( document.querySelectorAll( '.tab-content.tab-panel-style.initial' ) ).filter( function( tabPanel ){
return tabPanel.querySelector( '.tab-content-text > div.highlight:only-child');
return tabPanel.querySelector( '.tab-content-text > div.highlight:only-child, .tab-content-text > pre.pre-code:only-child');
});
codeTabPanels.forEach( function( tabPanel ){