当我运行我的代码时,我只能看到STANDARD TEST纸张标题面板.纸抽屉面板内的所有东西似乎都被隐藏了.
如果我将初始paper-header-panel(class = blue)设置为1000px,则会显示其余内容.
有什么我需要设置所以最初的纸标题面板将根据内容自动改变它的高度?
谢谢
STANDARD TEST
1
2
3
4
CHAT PERSON NAME HERE
MAIN AREA
:host {
display:block;
}
.paper-header {
height: 60px;
font-size: 20px;
color: var(--text-primary-color);
line-height: 60px;
padding: 0 30px;
}
.blue .paper-header {
background-color: var(--default-primary-color);
}
.list-panel {
background-color: #fafafa;
--paper-header-panel-standard-container: {
border-right: 1px solid #ccc;
};
}
paper-toolbar {
background-color: #42A5F5;
}
.list {
background-color: #FFFFFF;
}
.list paper-item {
height: 80px;
border-bottom: 1px solid #dedede;
background-color: #fafafa;
color: #000000;
}
.main-drawer-panel:not([narrow]) [list-toggle] {
display: none;
}
.content {
height: 3000px;
}
没关系.我解决了这个问题.
问题是由HTML DOCTYPE引起的
删除后.现在一切都正常了.