登录 注册

几个样式相关提议

本贴最后更新于 220 天前，其中的信息可能已经时移俗易
  1. 新的 tooltip 位置紧靠按钮，且难以使用 css 解决

image.png

如图所示，希望 v 姐能改一改。

  1. 搜索菜单的样式能不能借鉴一下 idea 的设计，现在的搜索菜单布局有点凌乱，主次分不清

image.png

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    19808 引用 • 75830 回帖 • 1 关注
深圳 位置
1 关注
6 回帖
3
2
499 133 10 261 2 1 86

相关帖子

6 回帖
几个样式相关提议

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • NaughtyCat •
    付费者

    大佬有空更新主题了吗，感动

    1 回复
  • Vanessa •
    订阅者 付费者 MOD

    异常时 tip 上会有交互，离远了鼠标还没移上去，tip 就消失了。

    搜索界面内容和交互比较多，可以具体说说么？

    1 回复
  • svchord • • 3 评论
    捐赠者 作者

    tips 的这个问题，我试了下，好像就算紧贴着按钮，我把鼠标移到 tips 上也会消失？

    搜索菜单我参考 idea 有几个想法

    1. 加一个顶部标题栏，写上"搜索"或者“替换”的标题，然后把搜索框右侧按钮的一部分放上去，比如筛选类型，新标签页中打开等等。另外，还可以把搜索结果统计放到标题栏上。
    2. 这个标题栏的背景颜色还可以和底部 tip 保持一致，相互呼应，当前的方案有种头轻脚重的感觉
    3. 搜索框和替换框的字体和高度减小，底部横线两侧给出留白
    4. 既然把搜索结果统计放到标题上去了，保存查询结果和指定路径就可以合并成一行了，指定路径那里因为有翻页按钮，可以放在左边。又或者，查询结果直接不显示，放在一个下拉菜单里
    1 回复
    要有交互的时候才不会消失，比如有链接或滚动条的时候。IDE 搜索和替换高度是一致的，查询结果的修改是有用户提出的，具体还需要去 github 上面看一下原因。其余可以尝试修改看看。
    Vanessa •
    @Vanessa 我的意思是统一都减小一点，现在的两个输入框高度和字体太大了。查询结果换成 select 的话，我感觉用法是一样的啊，都是选择后显示不同的搜索结果
    svchord •
    @svchord 以前就是在 select 中的，这个是后面才进行改进的。
    Vanessa •
  • svchord •
    捐赠者 作者

    哈哈，鸽了太久了，已经在写了

  • Vanessa •
    订阅者 付费者 MOD

    这种怎么样？

    image.png

    1 回复
  • svchord • • 1 • 1 赞同 • 3 评论
    捐赠者 作者

    感觉还行，起码剩下的我都能靠 css 搞定了。不过总觉得翻页按钮放在最上面挺奇怪的

    那就先这样吧，下个版本改进 https://github.com/siyuan-note/siyuan/issues/9788，不放上面的话暂时找不到其他地方了。
    Vanessa •
    @Vanessa 等下，这么放的话我感觉还得考虑一下搜索 tab 的结构
    svchord •
    @svchord dev 分支上已修改好，可以拉下来看看。
    Vanessa •
请输入回帖内容 ...
svchord
深圳
回帖
78
 帖子
41
 积分
35

近期热议

推荐标签 标签

  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    116 引用 • 99 回帖 • 256 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 50 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    76 引用 • 1738 回帖 • 6 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 516 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 4 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    21 引用 • 58 回帖
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 700 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    106 引用 • 152 回帖
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 632 关注
  • 域名

    域名（Domain Name），简称域名、网域，是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

    43 引用 • 208 回帖 • 2 关注
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 11 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件，它使得 Java 程序员能在不进行重部署的情况下，即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 627 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3169 引用 • 8208 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 434 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”（正式缩写为 Fx 或 fx，非正式缩写为 FF），是一个开源的网页浏览器，使用 Gecko 排版引擎，支持多种操作系统，如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 446 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 391 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 2 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

    笔记整理交给我，一心只读圣贤书。

    1 引用 • 1 回帖 • 2 关注
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 140 关注
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    163 引用 • 473 回帖
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 313 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 476 关注
  • gRpc
    10 引用 • 8 回帖 • 51 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    109 引用 • 54 回帖 • 1 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 41 关注
  • Sandbox

    如果帖子标签含有 Sandbox ，则该帖子会被视为“测试帖”，主要用于测试社区功能，排查 bug 等，该标签下内容不定期进行清理。

    379 引用 • 1221 回帖 • 588 关注

最新标签