-
Notifications
You must be signed in to change notification settings - Fork 453
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
功能请求:视频播放页,评论版块置于视频播放器右边 #820
Comments
我写了一点 css 简单实现了效果,但希望插件有这个功能,切换比较方便,也可以设置默认模式 /* ==UserStyle==
@name bilibili 视频播放页 评论右置
@namespace github.com/openstyles/stylus
@version 1.0.0
@description 评论右置
@author ph2
==/UserStyle== */
@-moz-document url-prefix("https://www.bilibili.com/video/") {
.v-wrap {
width: initial;
max-width: initial;
justify-content: start;
padding: 0 20px;
}
.l-con {
position: relative;
}
.v-wrap .r-con {
margin-top: calc( 96px + 721px + 100px);
}
.v-wrap #comment {
position: absolute;
top: 0;
left: calc(100% + 10px);
width: calc(100vw - 100% - 20 * 2px - 10px);
height: calc( 96px + 721px - 20px);
min-width: 320px;
overflow: hidden;
overflow-y: auto;
box-shadow: 0 0 8px #e5e9ef;
}
#comment .common {
padding: 0 5px;
}
.player-mode-widescreen .v-wrap #comment {
left: calc(100% + 10px + (1394px - 1044px));
width: calc(100vw - 100% - 20 * 2px - 10px - (1394px - 1044px));
height: calc( 96px + 830px - 20px);
}
.player-mode-widescreen .v-wrap .r-con {
margin-top: 0;
}
.player-mode-widescreen .bb-comment .comment-list .list-item .user-face {
display: none;
}
.player-mode-widescreen .bb-comment .comment-list .list-item .con {
margin-left: 5px;
}
} |
助手本身不应该实现这种对B站原有页面大量修改的能力,虽然这有点类似直播的版聊了,但是评论区应该保持B站原本的样子。即将上线的2.0正式版将支持自定义样式能力,欢迎体验。 |
2.0的自定义样式,能方便切换吗,能带一些 js 支持吗,有的时候单纯 css 很麻烦也会实现不了 === |
@phtwo 之后推出的自定义样式功能后,你就能自己添加这个功能了哈,为了避免「不正当竞争」的嫌疑,我们不会添加大幅度修改页面布局,功能,交互方式的功能。 但是通过自定义样式功能,让用户自己实现的是没关系的,也管不了,就等一下吧~ |
@phtwo 几天后上架,但是自定义样式功能还不会上架,稳定后再陆续添加 |
跟这个issue,最近上了多账号系统,之后就会安排自定义样式功能了,一个一个来 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
场景
效果
The text was updated successfully, but these errors were encountered: