参考 dark+ 和原来自定义样式:搜索窗口改造(窗口放大 + 左右布局) - 链滴 (ld246.com)
不保证兼容,只适用于 pc 端。
参考 dark+ 和原来自定义样式:搜索窗口改造(窗口放大 + 左右布局) - 链滴 (ld246.com)
不保证兼容,只适用于 pc 端。
调整窗口大小可以改以下两个值,可以理解为百分比。
body > div[data-key] > .b3-dialog > .b3-dialog__container > div[style*="height"] {
height: 96vh !important;
width: 96vw !important;
感谢大佬,终于解决了。这是大佬的 CSS 代码,可以直接在 设置 - 外观 -代码块 -CSS 里粘贴进去
/*链滴id:abbj,如果兄弟们用的满意,别忘了使用我得推荐码:K9TdVww */
/*---------ctrl+p窗口改造-------------*/
/*放大ctrl+p窗口尺寸*/
/*不添加[data-key]属性选择器将会同时影响alt+p窗口*/
div[data-key] .b3-dialog__container {
width: 85vw !important;
}
div[data-key] .b3-dialog__container .fn__flex-column {
height:85vh !important;
width: 100% !important;
}
/*ctrl+p改造成左右排列*/
/*先把容器改成左右排列并自动换行*/
div[data-key] .b3-dialog__container .fn__flex-column {
flex-direction: row !important;
flex-wrap: wrap;
}
/*设置需要占满一行的项目*/
div[data-key] .b3-dialog__container .fn__flex-column .search__header,
div[data-key] .b3-dialog__container .fn__flex-column .b3-form__space--small {
width:100vw;
/*flex-shrink:0;*/
}
/*窗口宽度大于一定尺寸时候,左右排列*/
@media screen and (min-width: 960px) {
/*搜索结果列表占一半宽度,靠左排列*/
div[data-key] .b3-dialog__container .fn__flex-column #searchList {
float:left;
/*width:45vw;*/
width:calc(50%);
height:calc(100% - 85px) !important;
/*禁止搜索结果水平滚动*/
overflow-x: hidden !important;
overflow-y: auto;
}
/*结果预览自动占满剩余宽度,高度和结果列表等高*/
div[data-key] .b3-dialog__container .fn__flex-column #searchPreview {
/*width:45vw;*/
height:calc(100% - 85px) !important;
}
}
/*窗口宽度小于一定尺寸时候,上下排列*/
@media screen and (max-width: 960px) {
div[data-key] .b3-dialog__container .fn__flex-column #searchList {
float:left;
/*width:45vw;*/
width:calc(100%);
height:calc(50% - 85px) !important;
/*禁止搜索结果水平滚动*/
overflow-x: hidden !important;
overflow-y: auto;
}
/*结果预览自动占满剩余高度*/
div[data-key] .b3-dialog__container .fn__flex-column #searchPreview {
/*width:45vw;*/
height:calc(50%) !important;
}
}
/*搜索结果列表路径行分开显示, copy from notion-theme*/
.fn__flex-column #searchList .b3-list-item[data-type='search-item'] {
padding-top: 4px;
padding-bottom: 25px;
box-shadow: 0 1px 0 0 var(--ui-background-color-editor) inset;
}
.fn__flex-column #searchList .b3-list-item[data-type='search-item']>.b3-list-item__meta {
top: 20px;
right: 8px;
position: absolute;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
/*---------ctrl+p窗口改造 end -------------*/
Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。
jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。
你比 99% 的人都优秀么?
MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。
Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。
PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。
SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。
域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。
Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。
Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。
Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。
欢迎访问我们运维的实例: https://wide.b3log.org
Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。
ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。
为成为自由职业者在家办公而努力吧!
哪里都缺人,哪里都不缺人。
Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。
LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。
宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。
H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。
SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
即用的 Vim-IDE。
确认过眼神后的灵魂连接,站在链在!
Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。
Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于