Zuoqiu-Yingyi / siyuan-theme-dark-plus

思源笔记的一款多功能双模式主题 | A multifunctional dual-mode theme of SiYuan Note.
GNU Affero General Public License v3.0
139 stars 14 forks source link

超链接的网址链接、标题能不能控制宽度? #202

Closed Geo123abc closed 1 year ago

Geo123abc commented 1 year ago

在什么情况下你需要该特性?In what scenarios do you need this feature?

由于工作流原因,有些网址或者网址的标题会特别长,当鼠标悬浮在这些网址上时,悬浮显示框会特别长,有时候甚至超出电脑屏幕,导致如下图所示,能否在主题里面设置限制一下这个弹窗的宽度?(我不确定是主题可以控制,还是需要D大那边做修改)

[超链接 ccc](https://www.bilibili.com/video/BV1gm4y1L7SR/?spm_id_from=333.1007.tianma.1-2-2.click&vd_source=d080497bcfd6c99b61e75392c3b0753e "《2023年5月,越南政府公布了2023年第一季度的经济数据。 根据这些经济数据来看,越南在2023年4月的出口总额同比下降了17.1%,全国范围内有4.29万家企业倒闭。 而与此同时,大量的外资企业开始集体撤出越南。就连先前敲锣打鼓在越南建立工厂的韩国三星集团,也不得不将生产线转回了国内。 越南的经济发展到今天这种地步,可以说是出乎很多人的意料的。因为就在两三年前,越南还是中文互联网上实现了经济腾飞的“新兴国家”。 如今才过了不到五年的时间,越南经济发展的形势几乎就遭遇了腰斩。越来越多的国际媒体对越南的经济发展成就感到失望,纷纷下调了对越南经济的发展预期。 其实,越南的经济从发展到衰落都有着其深远的内部原因。如果从宏观上来观察越南的经济,我们更会发现,越南经济衰退的背后,是欧美经济的崩溃。 那么,越南经济的发展到底面临着什么样的问题?为何当初越南能够实现经济的跨越式发展?最后,越南的经济又为什么会落到如今这步田地呢?》")

描述可能的最优解决方案 Describe the optimal solution

比如:

  1. 灰色弹窗宽度不能超过当前思源笔记主窗口宽度的80%;
  2. 灰色弹窗的左、右边界不超过电脑屏幕(或者说不超过思源笔记主窗口);

描述候选的解决方案 Describe the candidate solution

No response

其他信息 Other information

No response

Zuoqiu-Yingyi commented 1 year ago

将如下 CSS 片段塞到代码片段中即可, 其中 256px 可以更改为一个合适的最大宽度

#tooltip {
    word-wrap: break-word;
    max-width: 256px !important;
}
Geo123abc commented 1 year ago

将如下 CSS 片段塞到代码片段中即可, 其中 256px 可以更改为一个合适的最大宽度

#tooltip {
    word-wrap: break-word;
    max-width: 256px !important;
}

感谢萌老