Skip to content
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

Open
phtwo opened this issue Feb 1, 2021 · 6 comments
Open

Comments

@phtwo
Copy link

phtwo commented Feb 1, 2021

场景

  1. 边看视频边看评论
  2. 长视频,方便点击评论里面的时间点

效果

普通模式
宽屏模式

@phtwo
Copy link
Author

phtwo commented Feb 1, 2021

我写了一点 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;
    }
}

@Cotch22
Copy link
Collaborator

Cotch22 commented Feb 1, 2021

助手本身不应该实现这种对B站原有页面大量修改的能力,虽然这有点类似直播的版聊了,但是评论区应该保持B站原本的样子。即将上线的2.0正式版将支持自定义样式能力,欢迎体验。

@phtwo
Copy link
Author

phtwo commented Feb 2, 2021

2.0的自定义样式,能方便切换吗,能带一些 js 支持吗,有的时候单纯 css 很麻烦也会实现不了

===
另外,2.0 大概什么时候出来啊,好像快有一年了 ==

@jjj201200
Copy link
Member

@phtwo 之后推出的自定义样式功能后,你就能自己添加这个功能了哈,为了避免「不正当竞争」的嫌疑,我们不会添加大幅度修改页面布局,功能,交互方式的功能。

但是通过自定义样式功能,让用户自己实现的是没关系的,也管不了,就等一下吧~

@jjj201200
Copy link
Member

@phtwo 几天后上架,但是自定义样式功能还不会上架,稳定后再陆续添加

@jjj201200
Copy link
Member

跟这个issue,最近上了多账号系统,之后就会安排自定义样式功能了,一个一个来

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants