Local guide icons (#373)

This commit is contained in:
Soitora 2020-10-01 14:00:40 +02:00 committed by GitHub
parent dc8a057497
commit ca2255712b
2 changed files with 60 additions and 39 deletions

View File

@ -134,25 +134,22 @@ body,
ul
position relative
li
font-weight bold
margin 0
padding-left 1rem
&.file
font-weight normal
&::before
&::after
content ""
left 0
position absolute
&::before
border-top 1px solid #000000
border-top 1px solid #CCCCCC
height 0
top 0.7em
width 0.5em
width 0.8em
&:last-child::after
height 0.7em
&::after
border-left 1px solid #000000
border-left 1px solid #CCCCCC
height 100%
top 0
width 0
@ -163,6 +160,30 @@ body,
& > li:first-child::before
& > li:first-child::after
content none
.ft-icon
position relative
display inline-block
vertical-align top
padding 0 0 0 1.5em
&:before
content ""
position absolute
top 0
left .25em
height 100%
width 1em
background no-repeat 50% 50%/contain
&.ft-
&folder
&:before
background-image url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 5v14h16V7h-8.414l-2-2H4zm8.414 0H21a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1h7.414l2 2z' fill='rgba(71,101,130,1)'/%3E%3C/svg%3E")
&image
opacity 0.75
&:before
background-image url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.828 21l-.02.02-.021-.02H2.992A.993.993 0 012 20.007V3.993A1 1 0 012.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 01-.992.993H4.828zM20 15V5H4v14L14 9l6 6zm0 2.828l-6-6L6.828 19H20v-1.172zM8 11a2 2 0 110-4 2 2 0 010 4z' fill='rgba(71,101,130,1)'/%3E%3C/svg%3E")
&zip
&:before
background-image url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 01-1-1V3a1 1 0 011-1h16a1 1 0 011 1v18a1 1 0 01-1 1zm-1-2V4H5v16h14zm-5-8v5h-4v-3h2v-2h2zm-2-8h2v2h-2V4zm-2 2h2v2h-2V6zm2 2h2v2h-2V8zm-2 2h2v2h-2v-2z' fill='rgba(71,101,130,1)'/%3E%3C/svg%3E")
.side-by-side
align-content middle

View File

@ -8,8 +8,9 @@ lang: en-US
Follow the steps below to create local manga.
1. Create a folder named `local` in Tachiyomi folder, which is located in the phone's **internal storage** or **external SD card**.
1. Place manga inside `Tachiyomi/local` folder.
1. Create a folder named `local` in the `/Tachiyomi/` folder.
> This is located in the phone's **internal storage** or **external SD card**.
1. Place correctly structured manga inside `/Tachiyomi/local/`.
1. You can then access the manga in <Navigation item="browse"/>**Local source**.
If you add more chapters then you'll have to manually refresh the chapter list (by pulling down the list).
@ -24,31 +25,31 @@ Remember to give the app storage permissions on **Android 6** and newer.
Tachiyomi requires a specific folder structure for local manga to be correctly processed. Local manga will be read from the `Tachiyomi/local` folder. Each manga must have a `Manga` folder and a `Chapter` folder. Images will then go into the chapter folder. See below for more information on archive files. You can refer to the following example:
::: guide EXAMPLE
::: guide Example (Folder)
<div class="side-by-side">
<ul class="file-tree">
<li>
/sdcard/Tachiyomi/local
<ul>
<li>
Manga Name
<span class="ft-icon ft-folder">Manga title</span>
<ul>
<li>
ch1
<span class="ft-icon ft-folder">ch1</span>
<ul>
<li class="file">images</li>
<span class="ft-icon ft-image">images</span>
</ul>
</li>
<li>
ch2
<span class="ft-icon ft-folder">ch2</span>
<ul>
<li class="file">images</li>
<span class="ft-icon ft-image">images</span>
</ul>
</li>
<li class="file">cover.jpg</li>
<span class="ft-icon ft-image">cover.jpg</span>
</ul>
</li>
<li>&hellip;</li>
<li>...</li>
</ul>
</li>
</ul>
@ -57,23 +58,23 @@ Tachiyomi requires a specific folder structure for local manga to be correctly p
/storage/18F5-2C11/Tachiyomi/local
<ul>
<li>
Manga Name
<span class="ft-icon ft-folder">Manga title</span>
<ul>
<li>
ch3
<span class="ft-icon ft-folder">ch3</span>
<ul>
<li class="file">images</li>
<span class="ft-icon ft-image">images</span>
</ul>
</li>
<li>
ch4
<span class="ft-icon ft-folder">ch4</span>
<ul>
<li class="file">images</li>
<span class="ft-icon ft-image">images</span>
</ul>
</li>
</ul>
</li>
<li>&hellip;</li>
<li>...</li>
</ul>
</li>
</ul>
@ -92,38 +93,37 @@ The path to the folder with images must contain both the manga title and the cha
:::
## Archive Files
Archive files such as `ZIP`/`CBZ` are supported but the folder structure inside is not. Any folders inside the archive file are ignored. You must place the archive inside the `Manga` folder where the name will become the `Chapter` title. All images inside the archive regardless of folder structure will become pages for that chapter.
::: guide ZIP EXAMPLE
::: guide Example (ZIP)
<ul class="file-tree">
<li>
/sdcard/Tachiyomi/local
<ul>
<li>
Manga Name
<span class="ft-icon ft-folder">Manga title</span>
<ul>
<li>
ch1.zip
<span class="ft-icon ft-zip">ch1.zip</span>
<ul>
<li class="file">images</li>
<span class="ft-icon ft-image">images</span>
</ul>
</li>
<li>
ch2.zip
<span class="ft-icon ft-zip">ch2.zip</span>
<ul>
<li>
ch2
<span class="ft-icon ft-folder">ch2</span>
<ul>
<li class="file">images</li>
<span class="ft-icon ft-image">images</span>
</ul>
</li>
</ul>
</li>
<li class="file">cover.jpg</li>
<span class="ft-icon ft-image">cover.jpg</span>
</ul>
</li>
<li>&hellip;</li>
<li>...</li>
</ul>
</li>
</ul>
@ -141,13 +141,13 @@ To import details along with your local manga, you have to create a json file. I
You can copy the following example and edit the details as needed:
``` json
{
"title": "Example Title",
"author": "Example Author",
"artist": "Example Artist",
"description": "Example Description",
"genre": ["genre 1", "genre 2", "etc"],
"status": "0",
"_status values": ["0 = Unknown", "1 = Ongoing", "2 = Completed", "3 = Licensed"]
"title": "Example Title",
"author": "Example Author",
"artist": "Example Artist",
"description": "Example Description",
"genre": ["genre 1", "genre 2", "etc"],
"status": "0",
"_status values": ["0 = Unknown", "1 = Ongoing", "2 = Completed", "3 = Licensed"]
}
```