gpt4 book ai didi

javascript - DurandalJS 中启用模式的 app.css 在哪里?

转载 作者:太空宇宙 更新时间:2023-11-04 00:01:25 26 4
gpt4 key购买 nike

我正在尝试使用 DurandalJS 使模式在应用程序中工作(SPA) 框架,无法正确显示模态。目前,当模态打开时,它会在没有遮挡的情况下显示并水平填充浏览器。

incorrect modal

(“Feeds”、“New Feed”按钮和“Logout”链接应该被屏蔽掉。)

我已阅读 the docs几次,我能找到的唯一线索是“默认模态上下文”部分下方的注释:

Note: The default modal context has some required css for positioning which can be found in the app.css file. It assumes that the target browser supports position: fixed. If your target browsers do not support this, you should replace the default modal context with a custom implementation.

它提到了一个“app.css”文件……我找不到它。我搜索了 DurandalJS 的 github 存储库和 the only app.css文件没有任何会真正影响此模式的内容(无论好坏)。有什么线索吗?

最佳答案

durandal.css 的内容应该可以帮助您入门。 https://github.com/BlueSpire/Durandal/blob/master/Content/durandal.css

.modalBlockout {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: black;
opacity: 0;

pointer-events: auto;

-webkit-backface-visibility: hidden;

-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}

.modalHost {
top: 50%;
left: 50%;
position: fixed;
opacity: 0;

-webkit-backface-visibility: hidden;

-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}

.messageBox {
background-color: white;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
min-width: 300px;
}

关于javascript - DurandalJS 中启用模式的 app.css 在哪里?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16640824/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com