fix: bad layout of long breadcrumbs, especially on mobile

Massimo Melina committed Jan 13, 2022 at 11:52 UTC 525a8fb0ac5cd48f2a9ce061e1e52043b3e34ee0
1 file changed +5
frontend/src/index.scss
+5
@@ -201,6 +201,11 @@ button label {
201 align-content: stretch;
202 & button label { display: none } /* icons only */
203 }
204 + .breadcrumb {
205 + word-break: break-all; /* solves with very long names without spaces. 'break-word' is nicer but doesn't handle worst
206 + cases like /gear/mininova/x/LOOPMASTERS%204Gig%20Pack/LOOPMASTERS_2015/BASS_HOUSE_AND_GARAGE_2_DEMOS/SOUNDS_AND_FX/
207 + */
208 + }
209 .breadcrumb .icon {
210 font-size:24px;
211 }