参考 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 -------------*/
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台,同时可以将自己看到的精彩内容分享到微信朋友圈。
Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。
Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。
心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。
红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。
ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。
汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。
主仓库地址:Hi-Windom/Sillot
文档地址:sillot.db.sc.cn
注意事项:
Logseq 是一个隐私优先、开源的知识库工具。
Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.
React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。
链滴是一个记录生活的地方。
记录生活,连接点滴
房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。
确认过眼神后的灵魂连接,站在链在!
HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。
SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。
正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。
京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。
SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。
Mobi.css is a lightweight, flexible CSS framework that focus on mobile.
持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。
一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。
AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。
黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。
A second brain, for you, forever.
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于