Skip to content
This repository has been archived by the owner on Feb 28, 2022. It is now read-only.

Commit

Permalink
Add Language separation on all chapter lists
Browse files Browse the repository at this point in the history 
Fix tooltip not displaying for every rows sometimes
Use const on some variables that can be const
  • Loading branch information
@Glagan
Glagan committed Aug 31, 2020
1 parent 30353d1 commit ea28466
Show file tree
Hide file tree
Showing 3 changed files with 192 additions and 126 deletions.
89 changes: 46 additions & 43 deletions css/mymangadex.css
View file
Expand Up @@ -3,68 +3,68 @@
0% {
background-color: rgba(120, 197, 213, 0.5);
}
25% {
25% {
background-color: rgba(121, 194, 104, 0.5);
}
50% {
50% {
background-color: rgba(245, 214, 61, 0.5);
}
75% {
75% {
background-color: rgba(232, 104, 162, 0.5);
}
100% {
100% {
background-color: rgba(191, 99, 166, 0.5);
}
}

/* Tooltips */
.mmd-tooltip {
display: block;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 4px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity .2s ease-in;
color: #fff;
z-index: 9999;
pointer-events: none
display: block;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 4px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.2s ease-in;
color: #fff;
z-index: 9999;
pointer-events: none;
}
.mmd-tooltip.loading {
font-size: 1rem;
padding: .25rem;
font-size: 1rem;
padding: 0.25rem;
}
.mmd-tooltip.active {
opacity: 1;
opacity: 1;
}
.mmd-tooltip .mmd-thumbnail {
max-width: 100%;
display: block;
max-width: 100%;
display: block;
}
.mmd-tooltip .mmd-thumbnail.loading {
display: none;
display: none;
}
.mmd-tooltip.has-chapters .mmd-thumbnail {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.mmd-tooltip-content {
display: inline-block;
padding: 4px;
display: inline-block;
padding: 4px;
}
.mmd-tooltip.loading .mmd-tooltip-content {
display: none;
display: none;
}

/* Meta */
.mmd-next-chapter {
color: rgb(199, 146, 2);
color: rgb(199, 146, 2);
}
.is-loading {
animation-name: pulse;
animation-duration: 4s;
animation-timing-function: ease-in-out;
animation-direction: alternate;
animation-name: pulse;
animation-duration: 4s;
animation-timing-function: ease-in-out;
animation-direction: alternate;
animation-iteration-count: infinite;
opacity: 0.4;
}
Expand All @@ -73,28 +73,31 @@
opacity: 1;
}
.has-transition {
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.has-fast-in-transition {
transition: all 400ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 400ms cubic-bezier(0.86, 0, 0.07, 1);
}
.is-hidden-chapter {
overflow: hidden;
max-height: 0;
transform: scaleY(0);
transform-origin: top;
.is-hidden-chapter,
.is-hidden-lang-chapter {
overflow: hidden;
max-height: 0;
transform: scaleY(0);
transform-origin: top;
}
.is-hidden-chapter.is-visible {
transform: scaleY(1);
max-height: 100px;
.is-hidden-chapter.is-visible,
.is-hidden-chapter.is-visible.is-hidden-lang-chapter.is-lang-visible,
.is-hidden-lang-chapter.is-lang-visible:not(.is-hidden-chapter) {
transform: scaleY(1);
max-height: 100px;
}

/* Title */
.mmd-ptr {
background-color: rgb(91, 192, 222) !important;
background-color: rgb(91, 192, 222) !important;
}
.mmd-background-info {
background-color: rgba(2, 136, 209, 0.2);
background-color: rgba(2, 136, 209, 0.2);
}

/* History */
Expand All @@ -114,4 +117,4 @@
}
.history-down .car-caption {
background-color: rgba(60, 145, 219, 0.75);
}
}
10 changes: 5 additions & 5 deletions options.html
View file
Expand Up @@ -393,10 +393,10 @@ <h1 class="text-container py-2 px-2"><i class="fas fa-globe"></i> Global</h1>
</div>
<div class="form-group text-container p-2">
<label class="font-weight-bold">
Separate Languages in Title Page <a data-default="separateLanguages"class="btn btn-sm btn-secondary"><i class="fas fa-trash"></i><span class="d-none d-xl-inline"> Restore default</span></a></label>
Separate Languages in Chapter Lists <a data-default="separateLanguages"class="btn btn-sm btn-secondary"><i class="fas fa-trash"></i><span class="d-none d-xl-inline"> Restore default</span></a></label>
<p class="d-none d-xl-block">
Add tabs to display all languages, or only chapters for each Languages available.<br />
You need to enable all languages you want on <b>MangaDex</b> or it will do nothing.
You need to enable all languages you want on <b>MangaDex</b> before or it will do nothing.
</p>
<div data-option="separateLanguages" data-type="checkbox" class="col px-0 my-auto input-group">
<div class="input-group-prepend">
Expand All @@ -409,11 +409,11 @@ <h1 class="text-container py-2 px-2"><i class="fas fa-globe"></i> Global</h1>
</div>
<div class="form-group text-container p-2">
<label class="font-weight-bold">
Default Language in Title Page <a data-default="defaultLanguage" class="btn btn-sm btn-secondary"><i class="fas fa-trash"></i><span class="d-none d-xl-inline"> Restore default</span></a>
Default Selected Language <a data-default="defaultLanguage" class="btn btn-sm btn-secondary"><i class="fas fa-trash"></i><span class="d-none d-xl-inline"> Restore default</span></a>
</label>
<p class="d-none d-xl-block">
Require <b>Separate Languages in Title Page</b> enabled.<br />
Set the default language displayed in the chapter list of a <b>Title Page</b>.<br />
Require <b>Separate Languages in Chapter Lists</b> enabled.<br />
Set the default language displayed in chapter lists.<br />
Default to <b>all</b> to display all languages you have activated on <b>MangaDex</b>.
<div class="alert alert-info">
You need to enter a <b>Country Code</b> here, to find a code for a language you can hover any flag in the <b>Title Page</b> and you will see <b>Language - code</b>.
Expand Down

0 comments on commit ea28466

Please sign in to comment.