tsiry-sandratraina.com / rockbox-zig
Rockbox open source high quality audio player as a Music Player Daemon
mpris rockbox mpd libadwaita audio rust zig deno
2
fork

Configure Feed

Select the types of activity you want to include in your feed.

webui: fix styles

Tsiry Sandratraina 833c6435 383750c7

+151 -140
+3 -1
webui/rockbox/src/Components/AlbumDetails/AlbumDetails.tsx
··· 61 61 style={{ 62 62 minWidth: 150, 63 63 width: "calc(100% - 20px)", 64 + maxWidth: "300px", 64 65 fontSize: 14, 65 66 textOverflow: "ellipsis", 66 67 overflow: "hidden", ··· 80 81 style={{ 81 82 minWidth: 150, 82 83 width: "calc(100% - 20px)", 84 + maxWidth: "calc(100vw - 800px)", 83 85 fontSize: 14, 86 + overflow: "hidden", 84 87 textOverflow: "ellipsis", 85 - overflow: "hidden", 86 88 whiteSpace: "nowrap", 87 89 cursor: "pointer", 88 90 color: "#000",
+105 -105
webui/rockbox/src/Components/AlbumDetails/__snapshots__/AlbumDetails.test.tsx.snap
··· 127 127 </a> 128 128 </div> 129 129 <div 130 - class="css-1qxls6i" 130 + class="css-v8cdaf" 131 131 > 132 132 <div 133 133 class="css-1dlrxtg" ··· 490 490 style="height: 48px;" 491 491 > 492 492 <td 493 - style="width: 20px;" 493 + style="width: 20px; overflow: hidden;" 494 494 > 495 495 1 496 496 </td> 497 497 <td 498 - style="width: 150px;" 498 + style="width: 150px; overflow: hidden;" 499 499 > 500 500 <div 501 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 501 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 502 502 > 503 503 Gasoline (Live) 504 504 </div> 505 505 </td> 506 506 <td 507 - style="width: 150px;" 507 + style="width: 150px; overflow: hidden;" 508 508 > 509 509 <div 510 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 510 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 511 511 > 512 512 <a 513 513 class="css-i74fgx" 514 - href="/artists/1" 514 + href="/artists/undefined" 515 515 > 516 516 Seether 517 517 </a> 518 518 </div> 519 519 </td> 520 520 <td 521 - style="width: 50px;" 521 + style="width: 50px; overflow: hidden;" 522 522 > 523 523 2:57 524 524 </td> 525 525 <td 526 - style="width: 100px;" 526 + style="width: 100px; overflow: hidden;" 527 527 > 528 528 <div 529 529 class="css-14zx4vh" ··· 635 635 style="height: 48px;" 636 636 > 637 637 <td 638 - style="width: 20px;" 638 + style="width: 20px; overflow: hidden;" 639 639 > 640 640 2 641 641 </td> 642 642 <td 643 - style="width: 150px;" 643 + style="width: 150px; overflow: hidden;" 644 644 > 645 645 <div 646 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 646 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 647 647 > 648 648 Driven Under (Live) 649 649 </div> 650 650 </td> 651 651 <td 652 - style="width: 150px;" 652 + style="width: 150px; overflow: hidden;" 653 653 > 654 654 <div 655 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 655 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 656 656 > 657 657 <a 658 658 class="css-i74fgx" 659 - href="/artists/2" 659 + href="/artists/undefined" 660 660 > 661 661 Seether 662 662 </a> 663 663 </div> 664 664 </td> 665 665 <td 666 - style="width: 50px;" 666 + style="width: 50px; overflow: hidden;" 667 667 > 668 668 4:58 669 669 </td> 670 670 <td 671 - style="width: 100px;" 671 + style="width: 100px; overflow: hidden;" 672 672 > 673 673 <div 674 674 class="css-14zx4vh" ··· 780 780 style="height: 48px;" 781 781 > 782 782 <td 783 - style="width: 20px;" 783 + style="width: 20px; overflow: hidden;" 784 784 > 785 785 3 786 786 </td> 787 787 <td 788 - style="width: 150px;" 788 + style="width: 150px; overflow: hidden;" 789 789 > 790 790 <div 791 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 791 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 792 792 > 793 793 Diseased (Live) 794 794 </div> 795 795 </td> 796 796 <td 797 - style="width: 150px;" 797 + style="width: 150px; overflow: hidden;" 798 798 > 799 799 <div 800 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 800 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 801 801 > 802 802 <a 803 803 class="css-i74fgx" 804 - href="/artists/3" 804 + href="/artists/undefined" 805 805 > 806 806 Seether 807 807 </a> 808 808 </div> 809 809 </td> 810 810 <td 811 - style="width: 50px;" 811 + style="width: 50px; overflow: hidden;" 812 812 > 813 813 3:46 814 814 </td> 815 815 <td 816 - style="width: 100px;" 816 + style="width: 100px; overflow: hidden;" 817 817 > 818 818 <div 819 819 class="css-14zx4vh" ··· 925 925 style="height: 48px;" 926 926 > 927 927 <td 928 - style="width: 20px;" 928 + style="width: 20px; overflow: hidden;" 929 929 > 930 930 4 931 931 </td> 932 932 <td 933 - style="width: 150px;" 933 + style="width: 150px; overflow: hidden;" 934 934 > 935 935 <div 936 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 936 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 937 937 > 938 938 Truth (Live) 939 939 </div> 940 940 </td> 941 941 <td 942 - style="width: 150px;" 942 + style="width: 150px; overflow: hidden;" 943 943 > 944 944 <div 945 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 945 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 946 946 > 947 947 <a 948 948 class="css-i74fgx" 949 - href="/artists/4" 949 + href="/artists/undefined" 950 950 > 951 951 Seether 952 952 </a> 953 953 </div> 954 954 </td> 955 955 <td 956 - style="width: 50px;" 956 + style="width: 50px; overflow: hidden;" 957 957 > 958 958 5:15 959 959 </td> 960 960 <td 961 - style="width: 100px;" 961 + style="width: 100px; overflow: hidden;" 962 962 > 963 963 <div 964 964 class="css-14zx4vh" ··· 1070 1070 style="height: 48px;" 1071 1071 > 1072 1072 <td 1073 - style="width: 20px;" 1073 + style="width: 20px; overflow: hidden;" 1074 1074 > 1075 1075 5 1076 1076 </td> 1077 1077 <td 1078 - style="width: 150px;" 1078 + style="width: 150px; overflow: hidden;" 1079 1079 > 1080 1080 <div 1081 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1081 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1082 1082 > 1083 1083 Immortality (Live) 1084 1084 </div> 1085 1085 </td> 1086 1086 <td 1087 - style="width: 150px;" 1087 + style="width: 150px; overflow: hidden;" 1088 1088 > 1089 1089 <div 1090 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1090 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1091 1091 > 1092 1092 <a 1093 1093 class="css-i74fgx" 1094 - href="/artists/5" 1094 + href="/artists/undefined" 1095 1095 > 1096 1096 Seether 1097 1097 </a> 1098 1098 </div> 1099 1099 </td> 1100 1100 <td 1101 - style="width: 50px;" 1101 + style="width: 50px; overflow: hidden;" 1102 1102 > 1103 1103 5:02 1104 1104 </td> 1105 1105 <td 1106 - style="width: 100px;" 1106 + style="width: 100px; overflow: hidden;" 1107 1107 > 1108 1108 <div 1109 1109 class="css-14zx4vh" ··· 1215 1215 style="height: 48px;" 1216 1216 > 1217 1217 <td 1218 - style="width: 20px;" 1218 + style="width: 20px; overflow: hidden;" 1219 1219 > 1220 1220 6 1221 1221 </td> 1222 1222 <td 1223 - style="width: 150px;" 1223 + style="width: 150px; overflow: hidden;" 1224 1224 > 1225 1225 <div 1226 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1226 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1227 1227 > 1228 1228 Tied My Hands (Live) 1229 1229 </div> 1230 1230 </td> 1231 1231 <td 1232 - style="width: 150px;" 1232 + style="width: 150px; overflow: hidden;" 1233 1233 > 1234 1234 <div 1235 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1235 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1236 1236 > 1237 1237 <a 1238 1238 class="css-i74fgx" 1239 - href="/artists/6" 1239 + href="/artists/undefined" 1240 1240 > 1241 1241 Seether 1242 1242 </a> 1243 1243 </div> 1244 1244 </td> 1245 1245 <td 1246 - style="width: 50px;" 1246 + style="width: 50px; overflow: hidden;" 1247 1247 > 1248 1248 5:16 1249 1249 </td> 1250 1250 <td 1251 - style="width: 100px;" 1251 + style="width: 100px; overflow: hidden;" 1252 1252 > 1253 1253 <div 1254 1254 class="css-14zx4vh" ··· 1360 1360 style="height: 48px;" 1361 1361 > 1362 1362 <td 1363 - style="width: 20px;" 1363 + style="width: 20px; overflow: hidden;" 1364 1364 > 1365 1365 7 1366 1366 </td> 1367 1367 <td 1368 - style="width: 150px;" 1368 + style="width: 150px; overflow: hidden;" 1369 1369 > 1370 1370 <div 1371 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1371 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1372 1372 > 1373 1373 Sympathetic (Live) 1374 1374 </div> 1375 1375 </td> 1376 1376 <td 1377 - style="width: 150px;" 1377 + style="width: 150px; overflow: hidden;" 1378 1378 > 1379 1379 <div 1380 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1380 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1381 1381 > 1382 1382 <a 1383 1383 class="css-i74fgx" 1384 - href="/artists/7" 1384 + href="/artists/undefined" 1385 1385 > 1386 1386 Seether 1387 1387 </a> 1388 1388 </div> 1389 1389 </td> 1390 1390 <td 1391 - style="width: 50px;" 1391 + style="width: 50px; overflow: hidden;" 1392 1392 > 1393 1393 4:12 1394 1394 </td> 1395 1395 <td 1396 - style="width: 100px;" 1396 + style="width: 100px; overflow: hidden;" 1397 1397 > 1398 1398 <div 1399 1399 class="css-14zx4vh" ··· 1505 1505 style="height: 48px;" 1506 1506 > 1507 1507 <td 1508 - style="width: 20px;" 1508 + style="width: 20px; overflow: hidden;" 1509 1509 > 1510 1510 8 1511 1511 </td> 1512 1512 <td 1513 - style="width: 150px;" 1513 + style="width: 150px; overflow: hidden;" 1514 1514 > 1515 1515 <div 1516 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1516 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1517 1517 > 1518 1518 Fine Again (Live) 1519 1519 </div> 1520 1520 </td> 1521 1521 <td 1522 - style="width: 150px;" 1522 + style="width: 150px; overflow: hidden;" 1523 1523 > 1524 1524 <div 1525 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1525 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1526 1526 > 1527 1527 <a 1528 1528 class="css-i74fgx" 1529 - href="/artists/8" 1529 + href="/artists/undefined" 1530 1530 > 1531 1531 Seether 1532 1532 </a> 1533 1533 </div> 1534 1534 </td> 1535 1535 <td 1536 - style="width: 50px;" 1536 + style="width: 50px; overflow: hidden;" 1537 1537 > 1538 1538 5:05 1539 1539 </td> 1540 1540 <td 1541 - style="width: 100px;" 1541 + style="width: 100px; overflow: hidden;" 1542 1542 > 1543 1543 <div 1544 1544 class="css-14zx4vh" ··· 1650 1650 style="height: 48px;" 1651 1651 > 1652 1652 <td 1653 - style="width: 20px;" 1653 + style="width: 20px; overflow: hidden;" 1654 1654 > 1655 1655 9 1656 1656 </td> 1657 1657 <td 1658 - style="width: 150px;" 1658 + style="width: 150px; overflow: hidden;" 1659 1659 > 1660 1660 <div 1661 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1661 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1662 1662 > 1663 1663 Broken (Live) 1664 1664 </div> 1665 1665 </td> 1666 1666 <td 1667 - style="width: 150px;" 1667 + style="width: 150px; overflow: hidden;" 1668 1668 > 1669 1669 <div 1670 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1670 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1671 1671 > 1672 1672 <a 1673 1673 class="css-i74fgx" 1674 - href="/artists/9" 1674 + href="/artists/undefined" 1675 1675 > 1676 1676 Seether 1677 1677 </a> 1678 1678 </div> 1679 1679 </td> 1680 1680 <td 1681 - style="width: 50px;" 1681 + style="width: 50px; overflow: hidden;" 1682 1682 > 1683 1683 4:17 1684 1684 </td> 1685 1685 <td 1686 - style="width: 100px;" 1686 + style="width: 100px; overflow: hidden;" 1687 1687 > 1688 1688 <div 1689 1689 class="css-14zx4vh" ··· 1795 1795 style="height: 48px;" 1796 1796 > 1797 1797 <td 1798 - style="width: 20px;" 1798 + style="width: 20px; overflow: hidden;" 1799 1799 > 1800 1800 10 1801 1801 </td> 1802 1802 <td 1803 - style="width: 150px;" 1803 + style="width: 150px; overflow: hidden;" 1804 1804 > 1805 1805 <div 1806 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1806 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1807 1807 > 1808 1808 The Gift (Live) 1809 1809 </div> 1810 1810 </td> 1811 1811 <td 1812 - style="width: 150px;" 1812 + style="width: 150px; overflow: hidden;" 1813 1813 > 1814 1814 <div 1815 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1815 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1816 1816 > 1817 1817 <a 1818 1818 class="css-i74fgx" 1819 - href="/artists/10" 1819 + href="/artists/undefined" 1820 1820 > 1821 1821 Seether 1822 1822 </a> 1823 1823 </div> 1824 1824 </td> 1825 1825 <td 1826 - style="width: 50px;" 1826 + style="width: 50px; overflow: hidden;" 1827 1827 > 1828 1828 5:36 1829 1829 </td> 1830 1830 <td 1831 - style="width: 100px;" 1831 + style="width: 100px; overflow: hidden;" 1832 1832 > 1833 1833 <div 1834 1834 class="css-14zx4vh" ··· 1940 1940 style="height: 48px;" 1941 1941 > 1942 1942 <td 1943 - style="width: 20px;" 1943 + style="width: 20px; overflow: hidden;" 1944 1944 > 1945 1945 11 1946 1946 </td> 1947 1947 <td 1948 - style="width: 150px;" 1948 + style="width: 150px; overflow: hidden;" 1949 1949 > 1950 1950 <div 1951 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1951 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1952 1952 > 1953 1953 Remedy (Live) 1954 1954 </div> 1955 1955 </td> 1956 1956 <td 1957 - style="width: 150px;" 1957 + style="width: 150px; overflow: hidden;" 1958 1958 > 1959 1959 <div 1960 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1960 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 1961 1961 > 1962 1962 <a 1963 1963 class="css-i74fgx" 1964 - href="/artists/11" 1964 + href="/artists/undefined" 1965 1965 > 1966 1966 Seether 1967 1967 </a> 1968 1968 </div> 1969 1969 </td> 1970 1970 <td 1971 - style="width: 50px;" 1971 + style="width: 50px; overflow: hidden;" 1972 1972 > 1973 1973 3:40 1974 1974 </td> 1975 1975 <td 1976 - style="width: 100px;" 1976 + style="width: 100px; overflow: hidden;" 1977 1977 > 1978 1978 <div 1979 1979 class="css-14zx4vh" ··· 2085 2085 style="height: 48px;" 2086 2086 > 2087 2087 <td 2088 - style="width: 20px;" 2088 + style="width: 20px; overflow: hidden;" 2089 2089 > 2090 2090 12 2091 2091 </td> 2092 2092 <td 2093 - style="width: 150px;" 2093 + style="width: 150px; overflow: hidden;" 2094 2094 > 2095 2095 <div 2096 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2096 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2097 2097 > 2098 2098 Plastic Man (Live) 2099 2099 </div> 2100 2100 </td> 2101 2101 <td 2102 - style="width: 150px;" 2102 + style="width: 150px; overflow: hidden;" 2103 2103 > 2104 2104 <div 2105 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2105 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2106 2106 > 2107 2107 <a 2108 2108 class="css-i74fgx" 2109 - href="/artists/12" 2109 + href="/artists/undefined" 2110 2110 > 2111 2111 Seether 2112 2112 </a> 2113 2113 </div> 2114 2114 </td> 2115 2115 <td 2116 - style="width: 50px;" 2116 + style="width: 50px; overflow: hidden;" 2117 2117 > 2118 2118 3:34 2119 2119 </td> 2120 2120 <td 2121 - style="width: 100px;" 2121 + style="width: 100px; overflow: hidden;" 2122 2122 > 2123 2123 <div 2124 2124 class="css-14zx4vh" ··· 2230 2230 style="height: 48px;" 2231 2231 > 2232 2232 <td 2233 - style="width: 20px;" 2233 + style="width: 20px; overflow: hidden;" 2234 2234 > 2235 2235 13 2236 2236 </td> 2237 2237 <td 2238 - style="width: 150px;" 2238 + style="width: 150px; overflow: hidden;" 2239 2239 > 2240 2240 <div 2241 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2241 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2242 2242 > 2243 2243 The Gist (Alternate Mix) 2244 2244 </div> 2245 2245 </td> 2246 2246 <td 2247 - style="width: 150px;" 2247 + style="width: 150px; overflow: hidden;" 2248 2248 > 2249 2249 <div 2250 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2250 + style="min-width: 150px; width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 2251 2251 > 2252 2252 <a 2253 2253 class="css-i74fgx" 2254 - href="/artists/13" 2254 + href="/artists/undefined" 2255 2255 > 2256 2256 Seether 2257 2257 </a> 2258 2258 </div> 2259 2259 </td> 2260 2260 <td 2261 - style="width: 50px;" 2261 + style="width: 50px; overflow: hidden;" 2262 2262 > 2263 2263 3:24 2264 2264 </td> 2265 2265 <td 2266 - style="width: 100px;" 2266 + style="width: 100px; overflow: hidden;" 2267 2267 > 2268 2268 <div 2269 2269 class="css-14zx4vh"
+1
webui/rockbox/src/Components/AlbumDetails/styles.tsx
··· 12 12 display: flex; 13 13 flex: 1; 14 14 flex-direction: column; 15 + width: calc(100% - 240px); 15 16 `; 16 17 17 18 export const AlbumCover = styled.img`
+1 -1
webui/rockbox/src/Components/Albums/__snapshots__/Albums.test.tsx.snap
··· 130 130 </a> 131 131 </div> 132 132 <div 133 - class="css-1qxls6i" 133 + class="css-v8cdaf" 134 134 > 135 135 <div 136 136 class="css-1dlrxtg"
+1
webui/rockbox/src/Components/Albums/styles.tsx
··· 13 13 display: flex; 14 14 flex: 1; 15 15 flex-direction: column; 16 + width: calc(100% - 240px); 16 17 `; 17 18 18 19 export const Title = styled.div`
+4 -2
webui/rockbox/src/Components/ArtistDetails/ArtistDetails.tsx
··· 55 55 style={{ 56 56 minWidth: 150, 57 57 width: "calc(100% - 20px)", 58 + maxWidth: "300px", 58 59 fontSize: 14, 59 60 textOverflow: "ellipsis", 60 61 overflow: "hidden", ··· 74 75 style={{ 75 76 minWidth: 150, 76 77 width: "calc(100% - 20px)", 78 + maxWidth: "300px", 77 79 fontSize: 14, 78 80 textOverflow: "ellipsis", 79 81 overflow: "hidden", ··· 93 95 cell: (info) => ( 94 96 <div 95 97 style={{ 96 - minWidth: 150, 97 98 width: "calc(100% - 20px)", 99 + maxWidth: "calc(100vw - 800px)", 98 100 fontSize: 14, 101 + overflow: "hidden", 99 102 textOverflow: "ellipsis", 100 - overflow: "hidden", 101 103 whiteSpace: "nowrap", 102 104 cursor: "pointer", 103 105 color: "#000",
+28 -28
webui/rockbox/src/Components/ArtistDetails/__snapshots__/ArtistDetails.test.tsx.snap
··· 130 130 </a> 131 131 </div> 132 132 <div 133 - class="css-1qxls6i" 133 + class="css-v8cdaf" 134 134 > 135 135 <div 136 136 class="css-1dlrxtg" ··· 465 465 style="height: 48px;" 466 466 > 467 467 <td 468 - style="width: 48px;" 468 + style="width: 48px; overflow: hidden;" 469 469 > 470 470 <img 471 471 alt="album art" ··· 474 474 /> 475 475 </td> 476 476 <td 477 - style="width: 150px;" 477 + style="width: 150px; overflow: hidden;" 478 478 > 479 479 <div 480 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 480 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 481 481 > 482 482 Get Lucky 483 483 </div> 484 484 </td> 485 485 <td 486 - style="width: 150px;" 486 + style="width: 150px; overflow: hidden;" 487 487 > 488 488 <div 489 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 489 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 490 490 > 491 491 <a 492 492 class="css-i74fgx" ··· 497 497 </div> 498 498 </td> 499 499 <td 500 - style="width: 150px;" 500 + style="width: 150px; overflow: hidden;" 501 501 > 502 502 <div 503 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 503 + style="width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 504 504 > 505 505 <a 506 506 class="css-i74fgx" ··· 511 511 </div> 512 512 </td> 513 513 <td 514 - style="width: 50px;" 514 + style="width: 50px; overflow: hidden;" 515 515 > 516 516 6:10 517 517 </td> 518 518 <td 519 - style="width: 100px;" 519 + style="width: 100px; overflow: hidden;" 520 520 > 521 521 <div 522 522 class="css-14zx4vh" ··· 628 628 style="height: 48px;" 629 629 > 630 630 <td 631 - style="width: 48px;" 631 + style="width: 48px; overflow: hidden;" 632 632 > 633 633 <img 634 634 alt="album art" ··· 637 637 /> 638 638 </td> 639 639 <td 640 - style="width: 150px;" 640 + style="width: 150px; overflow: hidden;" 641 641 > 642 642 <div 643 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 643 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 644 644 > 645 645 Instant Crush 646 646 </div> 647 647 </td> 648 648 <td 649 - style="width: 150px;" 649 + style="width: 150px; overflow: hidden;" 650 650 > 651 651 <div 652 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 652 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 653 653 > 654 654 <a 655 655 class="css-i74fgx" ··· 660 660 </div> 661 661 </td> 662 662 <td 663 - style="width: 150px;" 663 + style="width: 150px; overflow: hidden;" 664 664 > 665 665 <div 666 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 666 + style="width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 667 667 > 668 668 <a 669 669 class="css-i74fgx" ··· 674 674 </div> 675 675 </td> 676 676 <td 677 - style="width: 50px;" 677 + style="width: 50px; overflow: hidden;" 678 678 > 679 679 5:38 680 680 </td> 681 681 <td 682 - style="width: 100px;" 682 + style="width: 100px; overflow: hidden;" 683 683 > 684 684 <div 685 685 class="css-14zx4vh" ··· 791 791 style="height: 48px;" 792 792 > 793 793 <td 794 - style="width: 48px;" 794 + style="width: 48px; overflow: hidden;" 795 795 > 796 796 <img 797 797 alt="album art" ··· 800 800 /> 801 801 </td> 802 802 <td 803 - style="width: 150px;" 803 + style="width: 150px; overflow: hidden;" 804 804 > 805 805 <div 806 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 806 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 807 807 > 808 808 Arround the World 809 809 </div> 810 810 </td> 811 811 <td 812 - style="width: 150px;" 812 + style="width: 150px; overflow: hidden;" 813 813 > 814 814 <div 815 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 815 + style="min-width: 150px; width: calc(100% - 20px); max-width: 300px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 816 816 > 817 817 <a 818 818 class="css-i74fgx" ··· 823 823 </div> 824 824 </td> 825 825 <td 826 - style="width: 150px;" 826 + style="width: 150px; overflow: hidden;" 827 827 > 828 828 <div 829 - style="min-width: 150px; width: calc(100% - 20px); font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 829 + style="width: calc(100% - 20px); max-width: calc(100vw - 800px); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: rgb(0, 0, 0);" 830 830 > 831 831 <a 832 832 class="css-i74fgx" ··· 837 837 </div> 838 838 </td> 839 839 <td 840 - style="width: 50px;" 840 + style="width: 50px; overflow: hidden;" 841 841 > 842 842 7:10 843 843 </td> 844 844 <td 845 - style="width: 100px;" 845 + style="width: 100px; overflow: hidden;" 846 846 > 847 847 <div 848 848 class="css-14zx4vh"
+1
webui/rockbox/src/Components/ArtistDetails/styles.tsx
··· 13 13 display: flex; 14 14 flex: 1; 15 15 flex-direction: column; 16 + width: calc(100% - 240px); 16 17 `; 17 18 18 19 export const BackButton = styled.button`
+1 -1
webui/rockbox/src/Components/Artists/__snapshots__/Artists.test.tsx.snap
··· 130 130 </a> 131 131 </div> 132 132 <div 133 - class="css-1qxls6i" 133 + class="css-v8cdaf" 134 134 > 135 135 <div 136 136 class="css-1dlrxtg"
+1
webui/rockbox/src/Components/Artists/styles.tsx
··· 11 11 display: flex; 12 12 flex: 1; 13 13 flex-direction: column; 14 + width: calc(100% - 240px); 14 15 `; 15 16 16 17 export const Title = styled.div`
+1 -1
webui/rockbox/src/Components/Files/__snapshots__/Files.test.tsx.snap
··· 130 130 </a> 131 131 </div> 132 132 <div 133 - class="css-1cm7hra" 133 + class="css-g1mxd4" 134 134 > 135 135 <div 136 136 class="css-1dlrxtg"
+1
webui/rockbox/src/Components/Files/styles.tsx
··· 12 12 flex: 1; 13 13 flex-direction: column; 14 14 position: relative; 15 + width: calc(100% - 240px); 15 16 `; 16 17 17 18 export const Title = styled.div`
+1
webui/rockbox/src/Components/Table/Table.tsx
··· 59 59 key={cell.id} 60 60 style={{ 61 61 width: cell.column.getSize(), 62 + overflow: "hidden", 62 63 }} 63 64 > 64 65 {flexRender(cell.column.columnDef.cell, cell.getContext())}
+1 -1
webui/rockbox/src/Components/Tracks/__snapshots__/Tracks.test.tsx.snap
··· 130 130 </a> 131 131 </div> 132 132 <div 133 - class="css-1qxls6i" 133 + class="css-v8cdaf" 134 134 > 135 135 <div 136 136 class="css-1dlrxtg"
+1
webui/rockbox/src/Components/Tracks/styles.tsx
··· 12 12 display: flex; 13 13 flex: 1; 14 14 flex-direction: column; 15 + width: calc(100% - 240px); 15 16 `; 16 17 17 18 export const Title = styled.div`