zxlie / FeHelper

😍FeHelper--Web前端助手(Awesome!Chrome & Firefox & MS-Edge Extension, All in one Toolbox!)
https://www.baidufe.com/fehelper
MIT License
4.99k stars 1.24k forks source link

[优化建议]正则表达式工具,超长文本内容时,占用屏幕面积过大 #321

Open Jackxwb opened 8 months ago

Jackxwb commented 8 months ago

原版效果: image 优化后效果:(因为浏览器插件改起来麻烦就使用在线版修改了) image

添加的自定义样式:(在线版可通过 Stylus 这类插件一键覆盖样式)

#pageContainer{
        height: 100vh;
        display: flex;
        flex-direction: column;

        .panel-body.mod-regexp{
            flex-grow: 1;
            overflow: hidden;

            display: flex;
            flex-direction: column;

            .reg_reg_input.form-control{
                flex-shrink: 0;
            }
            #src{
                flex-grow: 1;
                overflow: hidden;

                display: flex;
                flex-direction: column;

                #srcWrapper{
                    flex-grow: 1;
                    overflow: scroll;
                }
            }
        }
    }

目前已知bug:修改后高亮位置对不上。(修改前,如果遇到换行,显示也是错位的)