lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-08-27 00:16:44 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix: repair Dashboard CSS regressions from the bug-fix pass

Browse Source 
- Repairing the malformed item-more rule put display:none into effect
  for the first time, removing the visible-and-used desktop row '⋯'
  button; drop the rule instead (it was never in effect on any release).
- The desktop context-menu backdrop breakpoint (min-width: 769px) left
  fractional viewport widths between 768px and 769px with the mobile
  dimming; use the exact complement of the mobile max-width: 768px
  rules instead.
This commit is contained in:
jelveh
2026-07-18 16:23:02 -07:00
parent 9c8a68ae76
commit ecc5eeeffc
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/src/css/dashboard.css
+11 -11
View File
@@ -2238,13 +2238,11 @@ body.myapps-reordering .myapps-tile {
}
}
/* Hide .item-more on desktop (non-touch devices) - use right-click context menu instead */
.dashboard-section-files .files-tab:not(.touch-device) .files.files-list-view .row .item-more,
.dashboard-section-files .files-tab:not(.touch-device) .files.files-grid-view .row .item-more,
.dashboard-section-files .files-tab:not(.touch-device) .files.files-grid-view .row:hover .item-more,
.dashboard-section-files .files-tab:not(.touch-device) .header .columns .item-more {
display: none !important;
}
/* NOTE: a rule hiding .item-more on desktop (non-touch) used to sit here, but
it was malformed (selector list running into an @media block) and therefore
never in effect — desktop users have always had the visible '⋯' button, and
they use it, so repairing the rule into effect would remove a working
affordance. Intentionally removed instead. */
.dashboard-section-files .files-tab .files.files-grid-view .row .item-name-editor {
text-align: center;
@@ -4014,10 +4012,12 @@ body.myapps-reordering .myapps-tile {
font-size: 1rem;
}
/* Desktop - transparent backdrop. Use 769px so it doesn't overlap the mobile
rules (all keyed to max-width: 768px) at exactly 768px, where a touch tablet
would otherwise get a fully transparent, non-dimming modal backdrop. */
@media (min-width: 769px) {
/* Desktop - transparent backdrop. Written as the exact complement of the
mobile rules (all keyed to max-width: 768px) so that no viewport width —
not even a fractional one from browser zoom / DPR scaling — gets desktop
styling with the mobile dimming, or vice versa. (min-width: 769px would
leave widths strictly between 768px and 769px uncovered.) */
@media not all and (max-width: 768px) {
.context-menu-modal-backdrop {
background-color: transparent;
}