改善OB搜索界面的参数显示

左：更新前，每行一个选项 右：更新后，选项集中在一行

这样一来，即使常态展开搜索选项也不会占用过多空间

CSS 代码：

/* 搜索选项 */
.search-params {
    display: flex;
    /* 平均分 */
    justify-content: space-around;

    /* 隐藏原始文本 */
    .setting-item-info .setting-item-name {
        display: none;
    }

    /* 自定义显示文本 */
    .setting-item .setting-item-info {
        margin-right: 0.5em;
        &::before {
            font-size: var(--font-ui-small);
        }
    }

    .setting-item:nth-child(1) .setting-item-info::before {
        content: "折叠结果";
    }

    .setting-item:nth-child(2) .setting-item-info::before {
        content: "显示上下文";
    }

    .setting-item:nth-child(3) .setting-item-info::before {
        content: "搜索说明";
    }
}

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。