twikoojs / twikoo

💬 一个简洁、安全、免费的静态网站评论系统 | A simple, safe, free comment system.
http://twikoo.js.org
MIT License
1.58k stars 308 forks source link

[bug] 控制面板被close按钮样式阻碍,不居中 #161

Open Lete114 opened 3 years ago

Lete114 commented 3 years ago

我之前提交的 #137 close按钮悬浮有问题,当时没注意到此问题,最近我登陆时发现登陆页面不居中的问题 image image

添加left: 100%;移除float: right;

.tk-admin-close {
    position: sticky;
    display: block;
    /* float: right; */
    top: 0;
    right: 0;
    left: 100%;
    width: 1rem;
    height: 1rem;
    padding: 1rem;
    box-sizing: content-box;
    color: #ffffff;
}

但是上方这样的话会出现一个问题,close的样式padding: 1rem;会空出顶部的一段距离,所有可以考虑一下(我的css水平就只能这样了😂)

.tk-admin-close {
    position: sticky;
    display: block;
    /* float: right; */
    top: 1rem;
    /* right: 0; */
    left: 92%;
    width: 1rem;
    height: 1rem;
    /* padding: 1rem; */
    box-sizing: content-box;
    color: #ffffff;
}

还有一个问题就是手机端QQ打开后台面板时没有背景颜色 image

Gahotx commented 2 years ago

.tk-admin-close[data-v-45b8c260]这个叉叉的position改成absolute就好了 image image

Lete114 commented 2 years ago

absolute

这样就没法固定悬浮了

Gahotx commented 2 years ago

absolute

这样就没法固定悬浮了

固定悬浮是什么意思?改了之后除了内容水平居中了,没感觉出close按钮和原来有什么不同。。原版sticky,滚动条向下滑close按钮也不是一直固定在右上角

Lete114 commented 2 years ago

固定悬浮在右上角,滚动条往下滚动要一直保持显示状态,如果不用sticky的话需要滚动回尊顶部才能关闭

Gahotx commented 2 years ago

你右上角的close关闭按钮滚动条往下滚动的时候会一直保持在右上角显示?我这没有,我试了其他人的博客也没有啊

Gahotx commented 2 years ago

我这试的一直就是关闭得回到顶部,或者刷新页面,不管是sticky还是absolute都一样,只有内容居中的区别

Gahotx commented 2 years ago

噢噢,手机端,打开配置项很长的时候确实是保持在右上角,电脑端貌似几乎没啥用,因为页面够长,所以页面滚动它也不会固定在右上角,而且手机端貌似滑到某个位置它也不管用了,下图右上角就没有关闭按钮了,前半段还有 )_}G}@)AC5Y_W08T%K`YPSC

Gahotx commented 2 years ago

就前面这一小段距离有用,因为下面的东西虽然控制板里的滚动条已经到底了,但是你屏幕内容实际下面还有很多,再往下的内容浏览的时候,右上角的close按钮就没有粘在右上角了,作用微乎其微,你不说我之前都没发现前面一开始有一小段距离右上角close是粘在右上角的。。 image

Lete114 commented 2 years ago

电脑端貌似几乎没啥用,因为页面够长

因为你当前页面评论内容太多,足以撑起这个后台面板的高度,所以不会有滚动条 如果页面仅有几条评论的话,后台面板高度会比较低,在这种情况下就会出现滚动条,如果管理面板内容比较多的话,每次进行一些操作后都需要滚动到面板最顶部才能关闭面板(此问题是早期twikoo版本提出的,当时面板没有配置折叠,但这功能确实是要调整修改的)

目前我想到的解决办法可能是需要调整close按钮的html结构

Gahotx commented 2 years ago

当时面板没有配置折叠,但这功能确实是要调整修改的)

也还好啦其实,因为现在配置有折叠了,而且一般改完配置直接刷新页面就好了,也不会再去关闭改其他的,小问题

Lete114 commented 2 years ago

这可能是你的习惯吧(滑稽