mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Support alwaysShowDuration (fix #696)
This commit is contained in:
parent
d58d099c41
commit
acc77ca5d1
2
min/custom-navbar.min.css
vendored
2
min/custom-navbar.min.css
vendored
File diff suppressed because one or more lines are too long
2
min/gui-settings.min.js
vendored
2
min/gui-settings.min.js
vendored
File diff suppressed because one or more lines are too long
2
min/video-card.vue.min.js
vendored
2
min/video-card.vue.min.js
vendored
File diff suppressed because one or more lines are too long
@ -249,6 +249,7 @@ export const settings = {
|
|||||||
rememberVideoSpeed: false,
|
rememberVideoSpeed: false,
|
||||||
extendVideoSpeed: true,
|
extendVideoSpeed: true,
|
||||||
customKeyBindings: {},
|
customKeyBindings: {},
|
||||||
|
alwaysShowDuration: false,
|
||||||
cache: {},
|
cache: {},
|
||||||
}
|
}
|
||||||
const fixedSettings = {
|
const fixedSettings = {
|
||||||
|
|||||||
3
src/global.d.ts
vendored
3
src/global.d.ts
vendored
@ -525,7 +525,8 @@ declare global {
|
|||||||
},
|
},
|
||||||
rememberVideoSpeed: boolean,
|
rememberVideoSpeed: boolean,
|
||||||
extendVideoSpeed: boolean,
|
extendVideoSpeed: boolean,
|
||||||
customKeyBindings: { [actionName: string]: string }
|
customKeyBindings: { [actionName: string]: string },
|
||||||
|
alwaysShowDuration: boolean,
|
||||||
}
|
}
|
||||||
const GM_info: MonkeyInfo
|
const GM_info: MonkeyInfo
|
||||||
function GM_xmlhttpRequest(details: MonkeyXhrDetails): { abort: () => void }
|
function GM_xmlhttpRequest(details: MonkeyXhrDetails): { abort: () => void }
|
||||||
|
|||||||
@ -254,6 +254,9 @@
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
body.always-show-duration & .time {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
.time,
|
.time,
|
||||||
.watchlater {
|
.watchlater {
|
||||||
|
|||||||
@ -130,6 +130,11 @@
|
|||||||
border-radius: 8px 0 0 8px;
|
border-radius: 8px 0 0 8px;
|
||||||
position: relative;
|
position: relative;
|
||||||
$padding: 6px;
|
$padding: 6px;
|
||||||
|
.floating {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
.favorite-time {
|
.favorite-time {
|
||||||
top: $padding;
|
top: $padding;
|
||||||
left: $padding;
|
left: $padding;
|
||||||
@ -139,11 +144,9 @@
|
|||||||
left: $padding;
|
left: $padding;
|
||||||
bottom: $padding;
|
bottom: $padding;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
}
|
body.always-show-duration & {
|
||||||
.floating {
|
opacity: 1;
|
||||||
position: absolute;
|
}
|
||||||
opacity: 0;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
}
|
||||||
.cover {
|
.cover {
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
|||||||
@ -199,6 +199,9 @@
|
|||||||
left: $padding;
|
left: $padding;
|
||||||
bottom: $padding;
|
bottom: $padding;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
|
body.always-show-duration & {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.progress-number {
|
.progress-number {
|
||||||
left: $padding;
|
left: $padding;
|
||||||
|
|||||||
@ -138,6 +138,11 @@
|
|||||||
border-radius: 8px 0 0 8px;
|
border-radius: 8px 0 0 8px;
|
||||||
position: relative;
|
position: relative;
|
||||||
$padding: 6px;
|
$padding: 6px;
|
||||||
|
.floating {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
.remove {
|
.remove {
|
||||||
top: $padding;
|
top: $padding;
|
||||||
left: $padding;
|
left: $padding;
|
||||||
@ -150,6 +155,9 @@
|
|||||||
left: $padding;
|
left: $padding;
|
||||||
bottom: $padding;
|
bottom: $padding;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
|
body.always-show-duration & {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.viewed {
|
.viewed {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -157,11 +165,6 @@
|
|||||||
top: $padding;
|
top: $padding;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
}
|
}
|
||||||
.floating {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
.cover {
|
.cover {
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -196,6 +196,9 @@ export default {
|
|||||||
.watchlater {
|
.watchlater {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
body.always-show-duration & .duration {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.cover-container {
|
.cover-container {
|
||||||
grid-area: cover;
|
grid-area: cover;
|
||||||
|
|||||||
@ -218,6 +218,9 @@ function setDisplayNames () {
|
|||||||
addSettingsListener('elegantScrollbar', value => {
|
addSettingsListener('elegantScrollbar', value => {
|
||||||
document.documentElement.classList.toggle('elegant-scrollbar', value)
|
document.documentElement.classList.toggle('elegant-scrollbar', value)
|
||||||
}, true)
|
}, true)
|
||||||
|
addSettingsListener('alwaysShowDuration', value => {
|
||||||
|
document.body.classList.toggle('always-show-duration', value)
|
||||||
|
}, true)
|
||||||
const settingsBox = resources.data.guiSettingsHtml.text
|
const settingsBox = resources.data.guiSettingsHtml.text
|
||||||
document.body.insertAdjacentHTML('beforeend', settingsBox)
|
document.body.insertAdjacentHTML('beforeend', settingsBox)
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user