diff --git a/docker/frontend/src/styles/app.css b/docker/frontend/src/styles/app.css index 8907556..3c17f75 100644 --- a/docker/frontend/src/styles/app.css +++ b/docker/frontend/src/styles/app.css @@ -1784,7 +1784,8 @@ input[type="range"].track-temp::-webkit-slider-thumb, input[type="range"].track- .header [data-key="nav-library"], .header [data-key="reset-look"], .header [data-key="save-photo"], - .header [data-key="export-photo"] { + .header [data-key="export-photo"], + .header [data-key="upload-immich"] { width: 34px; height: 30px; padding: 0; @@ -1805,6 +1806,17 @@ input[type="range"].track-temp::-webkit-slider-thumb, input[type="range"].track- .header [data-key="reset-look"]::before { content: '⟲'; } .header [data-key="save-photo"]::before { content: '⤓'; } .header [data-key="export-photo"]::before { content: '↗'; } + /* The Immich button is the one of the five that already drew its own mark, so + it wears no glyph and only loses the word: the pinwheel is the label, and + `title` is the name it keeps. The word is taken out of the layout rather + than left to the zero font-size above, because a word hidden that way is + still a flex item, and the gap it leaves would push the mark off the middle + of the box. */ + .header [data-key="upload-immich"] > span { display: none; } + /* The name of the look the chips have put up is the chips' own report, and on + a phone it is the widest thing in a bar that has no room for it: STUDIO + beside the mark is where the visitor is, which is what the row is for. */ + .header .recipe-name { display: none; } /* --- the phone's workspace --------------------------------------------- One strip at a time in the bottom bar: the rail of tabs, or — once a tab is picked — that tab's own chips standing in the rail's place (the bar