nicholas/formulation
1
0
Fork 0
Code Pull Requests Actions Activity

fix(ui): restore and style search bar and new actions menu in detail utility navigation on mobile

Browse Source
This commit is contained in:
nicholas
2026-08-18 07:38:57 -05:00
parent 301357eaf1
commit d039c97b53
1 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+66
View File
@@ -4004,8 +4004,74 @@ input[type="search"]::-webkit-search-results-decoration,
display: none !important;
}
.application-body .detail-tools {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
height: 100% !important;
flex: 1 1 auto !important;
min-width: 0 !important;
padding: 0 !important;
border-left: 0 !important;
margin-left: auto !important;
}
.application-body .detail-search-form {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
max-width: 220px !important;
min-width: 80px !important;
height: 36px !important;
padding: 0 8px !important;
background: #fff !important;
border: 1px solid #dfe3ec !important;
border-radius: 4px !important;
margin: 0 !important;
}
.application-body .detail-search-form .search-field {
width: 100% !important;
min-width: 40px !important;
padding: 4px 0 !important;
font-size: 13px !important;
font-family: var(--meez-font-sans) !important;
border: 0 !important;
background: transparent !important;
outline: none !important;
}
.application-body .detail-new-menu {
flex: none !important;
position: relative !important;
}
.application-body .detail-new-menu > summary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
min-height: 32px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #3d5df6 !important;
color: #fff !important;
box-shadow: 0 1px 3px rgba(61, 93, 246, 0.3) !important;
list-style: none !important;
cursor: pointer !important;
}
.application-body .detail-new-menu > summary span:not(.new-trigger-plus) {
display: none !important;
}
.application-body .detail-new-menu > div {
position: fixed !important;
top: 56px !important;
right: 16px !important;
left: auto !important;
width: min(240px, calc(100vw - 32px)) !important;
z-index: 99999 !important;
box-shadow: 0 12px 36px rgba(5, 8, 65, 0.22) !important;
border: 1px solid #e4e5ed !important;
background: #fff !important;
border-radius: 6px !important;
}
.application-body .entity-header-actions {
display: flex !important;
align-items: center !important;