Add Filament / Printer window & web based windows improvements (#9431)

* update

* update

* Update 23.css

* update

* update

* Update 21.css

* update
This commit is contained in:
yw4z
2025-04-24 11:23:28 +03:00
committed by GitHub
parent 07634d2ba2
commit 0d3683c3e1
22 changed files with 211 additions and 81 deletions

View File

@@ -1,6 +1,7 @@
#Content
{
overflow-y:auto;
padding: 32px; /* ORCA Specify & Reduce horizontal paddings to fit 4 items per row */
}
.BlockBanner
@@ -20,7 +21,11 @@
align-items: center;
height: 40px;
text-align: center;
margin-right: 10px;
margin-right: 0px; /* ORCA align buttons with end of horizontal separator/line */
}
.BannerBtns>.SmallBtn_Green.trans{
margin-right: 7px; /* ORCA adds a small gap between buttons */
}
/*.Banner-Btn
@@ -59,7 +64,7 @@
.PrinterArea
{
padding: 10px;
padding: 10px 0px; /* ORCA Reduce horizontal paddings to fit 4 items per row */
display: flex;
flex-wrap: wrap;
}
@@ -89,7 +94,7 @@
align-items: center;
justify-content:flex-start;
color: #5A5A5A;
padding-left: 10px;
padding-left: 0px; /* ORCA Align checkboxes with with model text */
}
.pNozzel input
@@ -152,26 +157,47 @@
width: 100%;
position: relative;
display: flex;
}
}
.searchTerm {
.searchTerm {
width: 100%;
border: 3px solid #009688;
border: 1px solid #DBDBDB; /* ORCA Searchbox > match border style */
/*border-right: none;*/
padding: 5px;
height: 20px;
padding-left:32px;
height: 20px; /* ORCA match height */
line-height: 20px; /* ORCA center text vertically */
border-radius: 5px 5px 5px 5px;
outline: none;
color: #9DBFAF;
}
.searchTerm:focus{
color: #009688;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
}
@media (prefers-color-scheme: dark) { /* ORCA Searchbox > add dark mode support */
.searchTerm {border: 1px solid #4A4A51;}
}
.searchTerm:focus{
color: #363636; /* ORCA Searchbox > use normal text color */
border-color:#009688; /* ORCA Searchbox > highlight border color when focused. like on normal UI */
}
@media (prefers-color-scheme: dark) { /* ORCA Searchbox > add dark mode support */
.searchTerm:focus{color: #FFFFFF}
}
#search-icon{ /* ORCA */
position:absolute;
top: 50%;
transform: translateY(-50%);
left:8px;
margin:0px auto;
fill:#7C8282
}
@media (prefers-color-scheme: dark) { /* ORCA Searchbox > add dark mode support */
#search-icon{fill:#949494}
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
padding-bottom: 5px;
padding-left: 42px;
}
padding-left: 32px; /* ORCA Align with content */
}