参考 dark+ 和原来自定义样式:搜索窗口改造(窗口放大 + 左右布局) - 链滴 (ld246.com)
不保证兼容,只适用于 pc 端。
参考 dark+ 和原来自定义样式:搜索窗口改造(窗口放大 + 左右布局) - 链滴 (ld246.com)
不保证兼容,只适用于 pc 端。
感谢大佬,终于解决了。这是大佬的 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 -------------*/
调整窗口大小可以改以下两个值,可以理解为百分比。
body > div[data-key] > .b3-dialog > .b3-dialog__container > div[style*="height"] {
height: 96vh !important;
width: 96vw !important;
Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。
宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。
Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。
FlowUs.息流 个人及团队的新一代生产力工具。
让复杂的信息管理更轻松、自由、充满创意。
IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。
DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。
FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。
Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。
链滴是一个记录生活的地方。
记录生活,连接点滴
Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。
Quicker 您的指尖工具箱!操作更少,收获更多!
Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的操作系统上。容器完全使用沙箱机制,几乎没有性能开销,可以很容易地在机器和数据中心中运行。
Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。
App(应用程序,Application 的缩写)一般指手机软件。
C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。
MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。
域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。
子曰:“工欲善其事,必先利其器。”
Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。
这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于