webclient: keep the artifacts tab icons on a phone
The artifacts panel has two squeeze ladders that did not know about each
other. At <=980px the mobile block hides the tab label, leaving icon +
count; a container query at <=360px separately hides the icon, because
the docked panel has no room for icon + label + count. The query
measures the panel, and on a phone the panel is the viewport — so on a
360px-wide screen (the most common Android width) both fired and every
tab became a bare counter: "Artifacts 0  Links 0  Files 0
Backgrounds 0". Between 361 and 980px the icons were fine, which is why
it only showed up on phones.

Wrap the icon-hiding step in @media (min-width: 981px), so it describes
the docked panel only, where the label is still attached and dropping
the icon still buys something. The panel is otherwise untouched.

Measured in Chromium against the built stylesheet and the component's
real scoped markup, old versus new side by side: at 320px and 360px the
icons go 0/4 -> 4/4 with no row overflow; 390, 430 and 900px are
unchanged; and every docked width tested (300, 340, 370, 450, 537px)
reports byte-identical values before and after. The pre-existing
overflow of the docked row between roughly 300 and 450px is untouched.
1 parent 511ae81 commit e7d69a43547999ed36e8ed7db623de049e3efe62
@Eugene Sukhodolskiy Eugene Sukhodolskiy authored 11 hours ago
Showing 7 changed files
View
webclient/dist/assets/index-Bh62-gNR.js 0 → 100644
Not supported
View
webclient/dist/assets/index-Bi7fgQRO.js 100644 → 0
Not supported
View
webclient/dist/assets/index-ChzYhghb.css 100644 → 0
View
webclient/dist/assets/index-DbgpOcTo.css 0 → 100644
View
webclient/dist/index.html
View
webclient/dist/sw.js
View
webclient/src/components/artifacts/ArtifactsPanel.vue