Fix custom filament tab missing bug

Fixed #3135
This commit is contained in:
SoftFever 2023-12-20 15:13:29 +08:00
parent 7739252711
commit 604851fc9c
4 changed files with 274 additions and 16 deletions

View file

@ -32,6 +32,7 @@ input
#ItemSelectArea
{
flex: 0 0 40px;
height:40px;
border-top: 1px solid #009688;
display: flex;
@ -46,7 +47,6 @@ input
#ItemBlockArea
{
flex: 1;
display:flex;
overflow-x:auto;
flex-wrap:wrap;
@ -55,11 +55,13 @@ input
align-items: flex-start;
align-content:flex-start;
line-height: 32px;
height: 100%;
flex:1 0 236px;
}
.MItem
{
width: 220px;
min-width: 220px;
height: 32px;
}
@ -111,3 +113,96 @@ input
display: flex;
justify-content:space-around;
}
#SystemFilamentsArea
{
display: none;
flex-direction: column;
}
#CFilament_Btn_Area
{
display: flex;
align-items: center;
height: 30px;
}
#Title
{
margin: 0px 40px;
border-bottom: 1px solid #000;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#Title div
{
cursor: pointer;
font-size: 24px;
}
#Title div.TitleSelected
{
height: calc(100% - 6px);
display: flex;
align-items: center;
border-bottom: 6px solid #00AE42;
}
#Title div.TitleUnselected
{
height: 100%;
display: flex;
align-items: center;
color: #000;
}
#CustomFilamentsArea
{
display: flex;
flex-direction: column;
height: 100%;
}
#CFilament_List
{
display:flex;
overflow-x:auto;
flex-wrap:wrap;
flex-direction: column;
justify-content:flex-start;
align-items: flex-start;
align-content:flex-start;
line-height: 32px;
height: 100%;
}
.CFilament_Item
{
display: flex;
align-items: center;
margin-right: 30px;
}
.CFilament_Name
{
width: 220px;
overflow: hidden;
white-space: nowrap; /* ?????? */
text-overflow: ellipsis; /* ????????? */
}
.CFilament_EditBtn
{
cursor: pointer;
width: 20px;
height: 20px;
}
.CFilament_EditBtn:hover
{
}