登录 注册

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

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

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

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

    24541 引用 • 100487 回帖
1 关注
3 收藏
2 赞同
4 回帖
2
485 67 65 203 9 8 132

相关帖子

4 回帖
搜索窗口左右显示，适配 2.5.2

欢迎来到这里！

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

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

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

    1 引用
  • 其他回帖
  • yjmsiyuan •
    作者

    已经不能正确适配 2.5.3

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

  • 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 -------------*/



​
  • GoodRuiAn • via macOS
    付费者

    感谢大佬！！！

yjmsiyuan
回帖
333
 帖子
95
 积分
384

近期热议

推荐标签 标签

  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 498 关注
  • 周末

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

    14 引用 • 297 回帖
  • 正则表达式

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

    31 引用 • 94 回帖 • 1 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖 • 1 关注
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    78 引用 • 430 回帖
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 116 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    182 引用 • 1005 回帖 • 1 关注
  • SSL

    SSL（Secure Sockets Layer 安全套接层），及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 416 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    132 引用 • 1115 回帖 • 122 关注
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 3 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 264 关注
  • JVM

    JVM（Java Virtual Machine）Java 虚拟机是一个微型操作系统，有自己的硬件构架体系，还有相应的指令系统。能够识别 Java 独特的 .class 文件（字节码），能够将这些文件中的信息读取出来，使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • 小薇

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

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

    34 引用 • 467 回帖 • 761 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 657 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 292 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖 • 3 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    10 引用 • 76 回帖
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。

    76 引用 • 258 回帖 • 637 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    126 引用 • 848 回帖
  • Kubernetes

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

    116 引用 • 54 回帖 • 1 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库，并提供多种语言的 API。从 2010 年 3 月 15 日起，Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始，Redis 的开发由 Pivotal 赞助。

    286 引用 • 248 回帖 • 22 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 3 关注
  • 游戏

    沉迷游戏伤身，强撸灰飞烟灭。

    178 引用 • 817 回帖
  • OpenResty

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

    17 引用 • 49 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖

最新标签