caterium/caterium-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep catalog toolbar buttons together on mobile

Browse Source 
The previous mobile fix put the title on its own row but left the
search input as a regular flex item (flex:1 1 140px) among PDF/
"Вкладки"/"Меню". Since it greedily grows to fill whatever line it
lands on, it still forced PDF onto its own line, then itself onto the
next, then the two remaining buttons onto a third - three staggered
rows instead of the intended toolbar.

Gives the search input its own full-width row (flex-basis:100%,
order:0) and puts all catalog-head buttons (PDF, "Вкладки", "Меню") on
the next row together, sharing it evenly (flex:1 1 0) so they land on
one level instead of scattering.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
pavlov346346-source 2026-09-12 18:06:13 +03:00
parent edfce3b7e6
commit 870cc405dc
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@ -4887,8 +4887,8 @@ window.SunQR = {
#sunNotificationsBtn .badge{position:absolute!important;right:-4px!important;top:-6px!important;margin:0!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important}
#new .catalog-head{align-items:center!important}
#new .catalog-head h1{flex:1 1 100%;order:-1}
#new .sun-catalog-search{flex:1 1 140px;min-width:0;width:auto}
#sunLiveCatalogPdfButton,#sunCatalogTabsButton,#new .catalog-head button{align-self:center}
#new .sun-catalog-search{flex:1 1 100%;order:0;min-width:0;width:auto}
#new .catalog-head button{flex:1 1 0;order:1;min-width:0;padding-inline:8px;white-space:nowrap}
}
@media print{.sun-side-tools,.sun-side-footer,#sunToastHost{display:none!important}}
`;