搜索窗口左右显示,适配 2.5.2

本贴最后更新于 1119 天前,其中的信息可能已经时移世改
  • 思源笔记

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

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

    28447 引用 • 119791 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • yjmsiyuan
    作者

    调整窗口大小可以改以下两个值,可以理解为百分比。
    body > div[data-key] > .b3-dialog > .b3-dialog__container > div[style*="height"] {
    height: 96vh !important;
    width: 96vw !important;

  • GoodRuiAn

    感谢大佬!!!

  • sdial

    感谢大佬,终于解决了。这是大佬的 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 -------------*/
    
    
    
    
  • yjmsiyuan
    作者

    已经不能正确适配 2.5.3

    更新的可以删除,但窗口大小调整还是正确的

推荐标签 标签

  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    173 引用 • 1559 回帖
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 838 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 623 关注
  • 脑图

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

    40 引用 • 157 回帖
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    269 引用 • 666 回帖 • 1 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    174 引用 • 414 回帖 • 344 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    95 引用 • 122 回帖 • 634 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。

    34 引用 • 37 回帖 • 565 关注
  • 创业

    你比 99% 的人都优秀么?

    81 引用 • 1396 回帖
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 740 关注
  • Bug

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

    76 引用 • 1746 回帖 • 10 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 284 关注
  • OpenResty

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

    17 引用 • 51 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    35 引用 • 468 回帖 • 768 关注
  • Kubernetes

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

    119 引用 • 54 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 60 关注
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 5 关注
  • Follow
    4 引用 • 13 回帖 • 19 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    9 引用 • 75 回帖
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 376 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 27 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 15 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    200 引用 • 545 回帖 • 1 关注