Add folder structure to reading local manga guide (#47)

Add folder structure to reading local manga guide
This commit is contained in:
arkon 2019-09-24 22:13:38 -04:00 committed by GitHub
commit 36c86754fd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 142 additions and 4 deletions

View File

@ -56,3 +56,90 @@
.badge.version-indicator { .badge.version-indicator {
background-color: #000000 !important; background-color: #000000 !important;
} }
.file-tree {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 0.85rem;
li, ul {
position: relative;
}
li {
margin: 0;
padding-left: 1rem;
font-weight: bold;
&.file {
font-weight: normal;
}
&::before, &::after {
content: "";
position: absolute;
left: 0em;
}
&::before {
border-top: 1px solid black;
top: 0.7em;
width: 0.5em;
height: 0;
}
&:last-child::after {
height: 0.7em;
}
&::after {
top: 0px;
border-left: 1px solid black;
height: 100%;
width: 0px;
}
}
ul {
margin-left: 1em;
}
& > li:first-child::before, & > li:first-child::after {
content: none;
}
}
.file-tree, .file-tree ul {
list-style: none;
padding: 0;
}
.side-by-side {
display: flex;
align-content: middle;
justify-content: center;
& > * {
width: 50%;
}
& > * + * {
border-left: 1px solid #aaa;
}
}
@media (max-width: 767px) {
.side-by-side {
flex-direction: column;
& > * {
width: 100%;
}
& > * + * {
margin-top: 0;
padding-top: 1em;
border-left: none;
border-top: 1px solid #aaa;
}
}
}

View File

@ -19,11 +19,62 @@ Supported chapter formats are directories with pictures inside, `ZIP`/`CBZ`, `RA
You can also place your chapters or manga in both storages and Tachiyomi will merge them. You can also place your chapters or manga in both storages and Tachiyomi will merge them.
**Example:** ::: tip EXAMPLE
- `/sdcard/Tachiyomi/local/my manga/ch1` <div class="side-by-side">
- `/storage/18F5-2C11/Tachiyomi/local/my manga/ch2` <ul class="file-tree">
<li>
/sdcard/Tachiyomi/local
<ul>
<li>
My manga
<ul>
<li>
ch1
<ul>
<li class="file">files</li>
</ul>
</li>
<li>
ch2
<ul>
<li class="file">files</li>
</ul>
</li>
</ul>
</li>
<li>&hellip;</li>
</ul>
</li>
</ul>
<ul class="file-tree">
<li>
/storage/18F5-2C11/Tachiyomi/local
<ul>
<li>
My manga
<ul>
<li>
ch3
<ul>
<li class="file">files</li>
</ul>
</li>
<li>
ch4
<ul>
<li class="file">files</li>
</ul>
</li>
</ul>
</li>
<li>&hellip;</li>
</ul>
</li>
</ul>
</div>
:::
Tachiyomi will see two chapters in a single manga. Tachiyomi will see four chapters in a single manga.
The path to the folder (or archive) with images must contain both the manga title and the chapter name (as seen above). The path to the folder (or archive) with images must contain both the manga title and the chapter name (as seen above).