Coder Social home page Coder Social logo

rem-craft's Issues

段间距

段间距感觉太大了,有点难受,不知道是否可以调整?感谢

块 菜单的二级菜单大概率无法使用

image
有一部分块,鼠标挡在一级菜单上二级菜单可以打开,但是当鼠标划到二级菜单上时,二级菜单就消失了。只有一小部分块可以使用二级菜单。
还有另一种情况,比如上图,鼠标可以放到二级菜单上,但是当我鼠标往下走,二级菜单就会变成 “复制”这一项的二级菜单里面去了
这种情况一般是什么原因造成的?

块菜单BUG

如图所示:
最新版本bug

测试了多个其他主题未发现该问题,表现为块菜单中有展开的内容鼠标无法正常移上去选取。

窗口无法拖拽移动的问题

更新新版之后,出现了鼠标按住顶部窗口无法移动的问题。在Windows和macOS中都有出现。经过试验,只有在左上角会员图标处的小区域可以点击移动窗口。
image

关于分屏显示时顶部页签栏的一点建议

很喜欢RC这个主题,简洁、大气、逻辑显示更清晰,只有一点不习惯,就是分屏显示时顶部标签虽页签面板而变化,很容易错乱,经常搞错,希望分屏时各自栏的页签独立,像obsidian那样。谢谢!

增加同步信息显示

如图所示,在其他主题会显示当前同步状态:
image
而Rem Craft则不显示,建议增加,让我们这些使用官方同步的人可以掌握同步情况
image

希望编辑器里能给各级标题加上自动序号和颜色, 就像Dark+一样

暗色模式下, 标题跟正文的区分不明显, 所以希望能增加各级标题的颜色.
Dark+的自动标题序号功能真的很好用, 免去了写序号的操作, 希望作者可以加一下, 感激不尽
这个是我复制Dark+的样式的效果图,
image

:root[theme-mode=light] {
    --custom-h1-color: var(--td-text-color-primary);
    --custom-h2-color: var(--td-text-color-primary);
    --custom-h3-color: var(--td-text-color-primary);
    --custom-h4-color: var(--td-text-color-primary);
    --custom-h5-color: var(--td-text-color-primary);
    --custom-h6-color: var(--td-text-color-primary);
}

:root[theme-mode=dark] {
    --custom-h1-color: #c9d1d9;
    --custom-h2-color: #a6d5fa;
    --custom-h3-color: #ffd599;
    --custom-h4-color: #b7dfb9;
    --custom-h5-color: #fab3ae;
    --custom-h6-color: #b2a1c7;
}

:root {
    --custom-h1-indentation: 0.5em;
    --custom-h2-indentation: 1em;
    --custom-h3-indentation: 1.5em;
    --custom-h4-indentation: 2em;
    --custom-h5-indentation: 2.5em;
    --custom-h6-indentation: 3em;
}

/* 👇标题自动编号👇 */
/* body {
    counter-reset: h1-counter 0;
} */
.protyle-wysiwyg,
.b3-typography {
    counter-reset: h1-counter 0 h2-counter 0 h3-counter 0 h4-counter 0 h5-counter 0 h6-counter 0;
}

.protyle-wysiwyg>[data-node-id].h1,
.b3-typography>h1 {
    counter-increment: h1-counter;
    counter-reset: h2-counter 0;
}

.protyle-wysiwyg>[data-node-id].h1::before,
.b3-typography>h1::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h1,
.b3-typography h1 {
    color: var(--custom-h1-color);
    border-left: 3px inset var(--custom-h1-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h1>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h1-indentation);
}

.protyle-wysiwyg>[data-node-id].h2,
.b3-typography>h2 {
    counter-increment: h2-counter;
    counter-reset: h3-counter 0;
}

.protyle-wysiwyg>[data-node-id].h2::before,
.b3-typography>h2::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h2,
.b3-typography h2 {
    color: var(--custom-h2-color);
    border-left: 3px solid var(--custom-h2-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h2>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h2-indentation);
}

.protyle-wysiwyg>[data-node-id].h3,
.b3-typography>h3 {
    counter-increment: h3-counter;
    counter-reset: h4-counter 0;
}

.protyle-wysiwyg>[data-node-id].h3::before,
.b3-typography>h3::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h3,
.b3-typography h3 {
    color: var(--custom-h3-color);
    border-left: 3px solid var(--custom-h3-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h3>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h3-indentation);
}

.protyle-wysiwyg>[data-node-id].h4,
.b3-typography>h4 {
    counter-increment: h4-counter;
    counter-reset: h5-counter 0;
}

.protyle-wysiwyg>[data-node-id].h4::before,
.b3-typography>h4::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h4,
.b3-typography h4 {
    color: var(--custom-h4-color);
    border-left: 3px solid var(--custom-h4-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h4>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h4-indentation);
}

.protyle-wysiwyg>[data-node-id].h5,
.b3-typography>h5 {
    counter-increment: h5-counter;
    counter-reset: h6-counter 0;
}

.protyle-wysiwyg>[data-node-id].h5::before,
.b3-typography>h5::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h5,
.b3-typography h5 {
    color: var(--custom-h5-color);
    border-left: 3px solid var(--custom-h5-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h5>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h5-indentation);
}

.protyle-wysiwyg>[data-node-id].h6,
.b3-typography>h6 {
    counter-increment: h6-counter;
    counter-reset: h7-counter 0;
}

.protyle-wysiwyg>[data-node-id].h6::before,
.b3-typography>h6::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) "." counter(h6-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h6,
.b3-typography h6 {
    color: var(--custom-h6-color);
    border-left: 3px solid var(--custom-h6-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h6>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h6-indentation);
}

感觉可以把编辑器的 固定 padding 去掉了

官方给的 设置 - 编辑器 - 自适应宽度 功能已经实现了
动画 (3)
另外下边是我对主题的一点改造,,,

  • Rem Craft 主题改造

    • styles\protyle\block\list.scss

      • 大纲辅助线颜色 —— 鼠标移入块高亮

        $list-border-color: #4078f2;
        .protyle-wysiwyg {
          [data-node-id].li {
           &:hover > [data-node-id]:before {
              border-left: 1px solid $list-border-color !important;
              transition: var(--b3-transition);
              opacity: 0.86;
            }
          }
        }

反馈一下

我打算自定义主题,出现点击后整个页面颜色混乱的情况,我不知道问题出在哪里,希望可以帮我看一下,非常感谢。

还有一个问题,好像高亮的时候不能跨行选择,就是如果高亮一句话,这句话分布在多行,那么高亮这句话的时候,要么就不行,要么就高亮一点。

image

引述块样式问题

  1. 在引述块内输入列表,前面的竖线丢失
    image
    2.引述块内硬换行,竖线能否不留空隙
    image

PDF页数字体大小问题

Snipaste_2022-10-17_15-43-29
虽然不是bug,但是当前页数的字体大小是不是应该跟总页数的字体大小一致才会好点呢?

什么时候出自定义css

上一个版本我还能f12一点点的选择修改 这个版本有点看不懂
提几点 emoji太小了 完全看不清
微信截图_20220907143138
/bq 表情面板有点问题
微信截图_20220907143150
这文字太小了 看着字有些发虚
微信截图_20220907143309
这个图标好像错乱了
微信截图_20220907143650

最后给几个之前修改的截图参考下
微信截图_20220907143845

反馈引用块内部分CSS错误

QQ截图20220715000644

其一是引用块嵌套段落块时,段落块选中高亮范围有点错误

还有就是希望引用块内使用其它容器字体可以同样置灰(如图中列表

建议取消掉 未知超链接前的标志(siyuan://开头的)

我这边是用了一段时间以后笔记里大部分链接都是 思源的笔记链接 也就导致很多链接前都是 未知的标志 感觉有点多余,影响观看

改以后

image

改之前

image

是不是感觉清爽了不少

styles\pages\editor_block-link.scss:81行

.protyle-wysiwyg [data-node-id] span[data-type='a'][data-href^="siyuan://"]:not(:empty)::before,
.protyle-wysiwyg [data-node-id] a[href^="siyuan://"]::before,
.b3-typography a[href^="siyuan://"]::before
{
  display: none;
}

希望顶栏可以在鼠标没有悬停的时候隐藏掉

  1. 顶栏按钮的利用率不高:
    顶栏的这几个按钮,日记、边栏、同步在第一设置以后基本上就不会怎么动;
    搜索平常也是用 ctl+f/p代替;
    也就是 白天/夜间主题的切换可能用的多一点。

  2. 顶栏的灰色和下面的白色相比,有些突兀,并且汉字相对符号也更加奇怪。

综上,希望可以向 Chrome-A4主题那样,平常鼠标没有悬停的时候隐藏掉。 悬停以后再显示。

image

中英文空格

能不能以主题的形式做一个这样的功能,在中英文之间自动生成一个英文空格,这个还是挺实用的。目前 siyuan 给出的解决方案是在文档左上角使用优化排版的方式实现,这个需要对每一篇文档手动优化排版。如果可以由主题直接实现会更方便

行内公式的字体有些奇怪

用dark主题的时候行内公式是一种奇怪的字体,正体无法正常显示,且数字是那种高矮不同的。请问有什么办法能够解决么?
Screenshot 2022-07-26 232251

超链接开头有空档

给一个块添加思源内部块的超链接时出现(如图),这个应该可以优化一下

Snipaste_2022-05-12_19-21-54

能出一个适合笔记本的嘛?

感觉间距太大了,尤其是侧栏和文档树,如果能间距小一点,更适合小屏幕一些。
小白一枚,根本不懂,想修改一下没修改明白。
百分感谢,或者文件中多一点注释,我打开发现一堆乱码,根据您写的提示也没弄明白。。。。
非程序猿,非CS,平时用R画个图啥的。。。
修改有注释的还行,没有注释现场歇菜

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.