问题标签 [halfmoon]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
72 浏览

html - 输入在里面弄乱了
标签

我将输入组放在<details>标签内。在外面,它工作得很好,但在里面,输入的高度增加了。请注意,我在我的项目中使用Halfmoon。(免责声明:我自己构建了这个项目)

无论如何,这是代码:

如您所见,内部的输入组<details>有一个混乱的高度,这也会影响它之前的文本。究竟我在这里做错了什么?作为参考,输入组代码取自文档,特别是此示例:https ://www.gethalfmoon.com/docs/input-group/#stacking-text-and-buttons 。

谢谢你的帮助。

0 投票
1 回答
65 浏览

javascript - 如何通过 Gulp 将 npm Halfmoon 的 JS 与现有代码捆绑在一起?

所以,我想在个人项目中使用 Halfmoon 框架,我通过 npm 下载了它。为了使用它作为示例显示的 Javascript(在此页面https://www.gethalfmoon.com/docs/download/#using-npm中)使用 require 语句导入库。

我希望将此代码与任何未来的 Javascript 文件捆绑到一个大scripts.js文件中,但 require 语句在浏览器中不起作用。

Browserify 似乎是一个不错的选择,但是 gulp 没有最新的插件。Rollup 遇到了类似的问题,其中 gulp 插件存在问题。

我希望有一个像这样结构的 gulp 函数:

我并不完全喜欢在 gulp 中这样做,但这将是我的偏好。

0 投票
1 回答
86 浏览

html - 如何使用 Halfmoon 使页脚变粘?

我正在尝试使页脚粘在半月形上,但我在文档中看不到任何内容,而且我在网上找不到任何东西。

我想实现这样的粘性页脚:https ://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers

在我的网站上,它看起来像这样:https ://mogeret.ee/posts/2020-10-16-rocket11ty-first-release/ 一点也不粘!

这是我使用的基本布局

非常感谢你的帮助 !

0 投票
0 回答
17 浏览

css - 如何使用半月形编辑分隔线?

我们在 Angular 中使用半月。它会覆盖材料属性,这是可管理的 --- 但是,它也会覆盖分隔线属性或添加自己的属性。
使用 CSS 标识符我无法选择分隔线。我在想它可能是行属性的一部分 - 但我无法影响水平分隔线。

HTML 是:

我尝试设置.mat-dividerhr_row border-top-width0 无效。

[这是表格条带化不超出滚动区域的更大问题的一部分。我可以覆盖背景颜色,但到目前为止覆盖分隔线没有运气。]

这类似于此处未回答的问题, 并且可能与有关-但挂断似乎与半月有关,而不是与材料有关

0 投票
0 回答
16 浏览

css - 如何从 Halfmoon 中设置 mat-row 背景颜色?

目前,大部分网页使用halfmoon。它一直在使用带有网格布局的半月形桌子。事情发展了,我们不得不切换到 ng-container 以使事情变得易于管理。但是,某些页面使用暗模式切换。可以继承背景颜色和颜色——但我需要一种方法来设置交替行。
我认为 halfmoon 设置了暗模式是打开还是关闭的变量(并且存储在 cookie 中)。我没有找到那个变量。

我尝试使用 CSS 设置亮度,但这也改变了单元格内容,而不仅仅是背景颜色(它也不是很有帮助)。

我如何找到页面或特定 div 的暗模式设置?我在想我会用 ng-style 来创建交替行。