Extension to return old Twitter layout from 2015.
0
fork

Configure Feed

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

Unify max-width test

+67 -65
+46 -45
layouts/home/style.css
··· 469 469 content: "\f204" 470 470 } 471 471 472 - @media screen and (max-width: 1195px) { 473 - #wtf { 474 - width: fit-content; 475 - max-width: 250px; 476 - } 477 - .wtf-user-name, .wtf-user-handle { 478 - font-size: 12px; 479 - } 480 - #user-banner { 481 - width: 258px; 482 - } 483 - .user-stat-div>h2 { 484 - font-size: 12px; 485 - } 486 - .user-stat-div>h1 { 487 - font-size: 18px; 488 - } 489 - } 490 - @media screen and (max-width: 1073px) { 491 - #wtf { 492 - display: none; 493 - } 494 - } 495 - @media screen and (max-width: 1002px) { 496 - #about { 497 - display: none; 498 - } 499 - #timeline-type-right { 500 - display: none; 501 - } 502 - #timeline-type-center { 503 - display: inline-block; 504 - } 505 - } 506 - @media screen and (max-width: 880px) { 507 - #left-cell { 508 - display: none; 509 - } 510 - #center-cell { 511 - margin-right: auto; 512 - margin-left: auto; 513 - } 514 - } 515 - 516 472 .wtf-user { 517 473 display: inline-block; 518 474 margin-bottom: 5px ··· 957 913 .poll-disabled:before { 958 914 color: gray !important; 959 915 } 960 - #timeline-type-left { 916 + #timeline-type-right { 961 917 color: var(--default-text-color); 962 918 background-color: var(--background-color); 963 919 border: 1px solid var(--border); ··· 986 942 } 987 943 #tweets-loading { 988 944 text-align: center; 945 + } 946 + 947 + /* A little smaller UI */ 948 + @media screen and (max-width: 1195px) { 949 + #wtf { 950 + width: fit-content; 951 + max-width: 250px; 952 + } 953 + .wtf-user-name, .wtf-user-handle { 954 + font-size: 12px; 955 + } 956 + #user-banner { 957 + width: 258px; 958 + } 959 + .user-stat-div>h2 { 960 + font-size: 12px; 961 + } 962 + .user-stat-div>h1 { 963 + font-size: 18px; 964 + } 965 + } 966 + /* no right-cell */ 967 + @media screen and (max-width: 1167px) { 968 + #wtf { 969 + display: none; 970 + } 971 + #about { 972 + display: none; 973 + } 974 + #timeline-type-right { 975 + display: none; 976 + } 977 + #timeline-type-center { 978 + display: inline-block; 979 + } 980 + } 981 + /* no right-cell */ 982 + @media screen and (max-width: 880px) { 983 + #left-cell { 984 + display: none; 985 + } 986 + #center-cell { 987 + margin-right: auto; 988 + margin-left: auto; 989 + } 989 990 }
+21 -20
layouts/notifications/style.css
··· 134 134 135 135 #notifications-div { 136 136 margin-bottom: 10px; 137 - width: 560px 137 + width: 590px 138 138 } 139 139 140 140 .tweet, ··· 745 745 746 746 #notification-switches { 747 747 padding: 10px; 748 - width: 300px 748 + width: 280px 749 + /*with padding: width:300px */ 749 750 } 750 751 751 752 #notification-switches>hr { ··· 801 802 border-bottom-left-radius: 5px; 802 803 border-bottom-right-radius: 5px; 803 804 } 805 + #content { 806 + min-height: 800px; 807 + } 808 + #notifs-loading { 809 + text-align: center; 810 + } 804 811 812 + 813 + /* A little smaller UI */ 805 814 @media screen and (max-width: 1195px) { 806 815 #wtf { 807 816 width: fit-content; ··· 810 819 .wtf-user-name, .wtf-user-handle { 811 820 font-size: 12px; 812 821 } 813 - } 814 - @media screen and (max-width: 1073px) { 815 - #wtf { 816 - display: none; 817 - } 818 - } 819 - @media screen and (max-width: 1075px) { 820 822 .notification-switch { 821 823 padding-right: 100px; 822 824 } 823 825 #notification-switches { 824 - width: 200px; 826 + width: 238px; 827 + /*with padding: 258px*/ 825 828 } 826 829 #trends { 827 - width: 200px; 830 + width: 238px; 828 831 } 829 832 } 830 - @media screen and (max-width: 966px) { 833 + /* no right-cell */ 834 + @media screen and (max-width: 1167px) { 835 + #wtf { 836 + display: none; 837 + } 831 838 #about { 832 839 display: none; 833 840 } 834 841 } 835 - @media screen and (max-width: 850px) { 842 + /* no left-cell */ 843 + @media screen and (max-width: 880px) { 836 844 #trends { 837 845 display: none; 838 846 } ··· 866 874 padding-right: 400px; 867 875 } 868 876 } 869 - #content { 870 - min-height: 800px; 871 - } 872 - #notifs-loading { 873 - text-align: center; 874 - } 875 - 876 877 /* Mobile UI */ 877 878 @media screen and (max-width: 590px) { 878 879 #notification-switches {