Fossil SCM
Unflatten top line of directory nodes. Pros (reduced screen space) aren't worth the cons (more confusing, more complicated CSS, and very few people are going to be using subdirectory pages).
Commit
a9e9ac461d60b6992081ed6087d90df580183439
Parent
21dccee9dc95f4d…
1 file changed
+16
-29
+16
-29
| --- src/style.c | ||
| +++ src/style.c | ||
| @@ -778,36 +778,24 @@ | ||
| 778 | 778 | @ margin: 1em 0; |
| 779 | 779 | @ line-height: 1.5; |
| 780 | 780 | }, |
| 781 | 781 | { ".filetree ul", |
| 782 | 782 | "tree-view lists", |
| 783 | - @ display: inline; | |
| 784 | - @ margin: 0; | |
| 785 | - @ padding: 0; | |
| 786 | - }, | |
| 787 | - { ".filetree li", | |
| 788 | - "tree-view list items", | |
| 789 | - @ display: inline; | |
| 790 | - }, | |
| 791 | - /* There is exactly one element with class="subdir". That element is | |
| 792 | - ** the name of the directory specified by the "name=" query parameter, | |
| 793 | - ** and the directory described by the text at the top of the page. */ | |
| 794 | - { ".filetree .subdir ul", | |
| 795 | - "tree-view lists below subdir", | |
| 796 | - @ position: relative; | |
| 797 | - @ display: block; | |
| 798 | - @ margin: 0 0 0 21px; | |
| 799 | - @ padding: 0; | |
| 800 | - }, | |
| 801 | - { ".filetree .subdir li", | |
| 802 | - "tree-view lists items below subdir", | |
| 803 | - @ position: relative; | |
| 804 | - @ display: block; | |
| 805 | - @ margin: 0; | |
| 806 | - @ padding: 0; | |
| 807 | - }, | |
| 808 | - { ".filetree .subdir li:before", | |
| 783 | + @ margin: 0; | |
| 784 | + @ padding: 0; | |
| 785 | + @ list-style: none; | |
| 786 | + }, | |
| 787 | + { ".filetree ul ul", | |
| 788 | + "tree-view lists below the root", | |
| 789 | + @ position: relative; | |
| 790 | + @ margin: 0 0 0 21px; | |
| 791 | + }, | |
| 792 | + { ".filetree li", | |
| 793 | + "tree-view lists items", | |
| 794 | + @ position: relative; | |
| 795 | + }, | |
| 796 | + { ".filetree li li:before", | |
| 809 | 797 | "tree-view node lines", |
| 810 | 798 | @ content: ''; |
| 811 | 799 | @ position: absolute; |
| 812 | 800 | @ top: -.8em; |
| 813 | 801 | @ left: -14px; |
| @@ -814,30 +802,29 @@ | ||
| 814 | 802 | @ width: 14px; |
| 815 | 803 | @ height: 1.5em; |
| 816 | 804 | @ border-left: 2px solid #aaa; |
| 817 | 805 | @ border-bottom: 2px solid #aaa; |
| 818 | 806 | }, |
| 819 | - { ".filetree .subdir > ul ul:before", | |
| 807 | + { ".filetree ul ul:before", | |
| 820 | 808 | "tree-view directory lines", |
| 821 | 809 | @ content: ''; |
| 822 | 810 | @ position: absolute; |
| 823 | 811 | @ top: -1.5em; |
| 824 | 812 | @ bottom: 0; |
| 825 | 813 | @ left: -35px; |
| 826 | 814 | @ border-left: 2px solid #aaa; |
| 827 | 815 | }, |
| 828 | - { ".filetree .subdir li:last-child > ul:before", | |
| 816 | + { ".filetree li:last-child > ul:before", | |
| 829 | 817 | "hide lines for last-child directories", |
| 830 | 818 | @ display: none; |
| 831 | 819 | }, |
| 832 | 820 | { ".filetree a", |
| 833 | 821 | "tree-view links", |
| 834 | 822 | @ position: relative; |
| 835 | 823 | @ z-index: 1; |
| 836 | 824 | @ display: inline-block; |
| 837 | 825 | @ min-height: 16px; |
| 838 | - @ margin-right: .5em; | |
| 839 | 826 | @ padding-left: 21px; |
| 840 | 827 | @ background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==); |
| 841 | 828 | @ background-position: center left; |
| 842 | 829 | @ background-repeat: no-repeat; |
| 843 | 830 | }, |
| 844 | 831 |
| --- src/style.c | |
| +++ src/style.c | |
| @@ -778,36 +778,24 @@ | |
| 778 | @ margin: 1em 0; |
| 779 | @ line-height: 1.5; |
| 780 | }, |
| 781 | { ".filetree ul", |
| 782 | "tree-view lists", |
| 783 | @ display: inline; |
| 784 | @ margin: 0; |
| 785 | @ padding: 0; |
| 786 | }, |
| 787 | { ".filetree li", |
| 788 | "tree-view list items", |
| 789 | @ display: inline; |
| 790 | }, |
| 791 | /* There is exactly one element with class="subdir". That element is |
| 792 | ** the name of the directory specified by the "name=" query parameter, |
| 793 | ** and the directory described by the text at the top of the page. */ |
| 794 | { ".filetree .subdir ul", |
| 795 | "tree-view lists below subdir", |
| 796 | @ position: relative; |
| 797 | @ display: block; |
| 798 | @ margin: 0 0 0 21px; |
| 799 | @ padding: 0; |
| 800 | }, |
| 801 | { ".filetree .subdir li", |
| 802 | "tree-view lists items below subdir", |
| 803 | @ position: relative; |
| 804 | @ display: block; |
| 805 | @ margin: 0; |
| 806 | @ padding: 0; |
| 807 | }, |
| 808 | { ".filetree .subdir li:before", |
| 809 | "tree-view node lines", |
| 810 | @ content: ''; |
| 811 | @ position: absolute; |
| 812 | @ top: -.8em; |
| 813 | @ left: -14px; |
| @@ -814,30 +802,29 @@ | |
| 814 | @ width: 14px; |
| 815 | @ height: 1.5em; |
| 816 | @ border-left: 2px solid #aaa; |
| 817 | @ border-bottom: 2px solid #aaa; |
| 818 | }, |
| 819 | { ".filetree .subdir > ul ul:before", |
| 820 | "tree-view directory lines", |
| 821 | @ content: ''; |
| 822 | @ position: absolute; |
| 823 | @ top: -1.5em; |
| 824 | @ bottom: 0; |
| 825 | @ left: -35px; |
| 826 | @ border-left: 2px solid #aaa; |
| 827 | }, |
| 828 | { ".filetree .subdir li:last-child > ul:before", |
| 829 | "hide lines for last-child directories", |
| 830 | @ display: none; |
| 831 | }, |
| 832 | { ".filetree a", |
| 833 | "tree-view links", |
| 834 | @ position: relative; |
| 835 | @ z-index: 1; |
| 836 | @ display: inline-block; |
| 837 | @ min-height: 16px; |
| 838 | @ margin-right: .5em; |
| 839 | @ padding-left: 21px; |
| 840 | @ background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==); |
| 841 | @ background-position: center left; |
| 842 | @ background-repeat: no-repeat; |
| 843 | }, |
| 844 |
| --- src/style.c | |
| +++ src/style.c | |
| @@ -778,36 +778,24 @@ | |
| 778 | @ margin: 1em 0; |
| 779 | @ line-height: 1.5; |
| 780 | }, |
| 781 | { ".filetree ul", |
| 782 | "tree-view lists", |
| 783 | @ margin: 0; |
| 784 | @ padding: 0; |
| 785 | @ list-style: none; |
| 786 | }, |
| 787 | { ".filetree ul ul", |
| 788 | "tree-view lists below the root", |
| 789 | @ position: relative; |
| 790 | @ margin: 0 0 0 21px; |
| 791 | }, |
| 792 | { ".filetree li", |
| 793 | "tree-view lists items", |
| 794 | @ position: relative; |
| 795 | }, |
| 796 | { ".filetree li li:before", |
| 797 | "tree-view node lines", |
| 798 | @ content: ''; |
| 799 | @ position: absolute; |
| 800 | @ top: -.8em; |
| 801 | @ left: -14px; |
| @@ -814,30 +802,29 @@ | |
| 802 | @ width: 14px; |
| 803 | @ height: 1.5em; |
| 804 | @ border-left: 2px solid #aaa; |
| 805 | @ border-bottom: 2px solid #aaa; |
| 806 | }, |
| 807 | { ".filetree ul ul:before", |
| 808 | "tree-view directory lines", |
| 809 | @ content: ''; |
| 810 | @ position: absolute; |
| 811 | @ top: -1.5em; |
| 812 | @ bottom: 0; |
| 813 | @ left: -35px; |
| 814 | @ border-left: 2px solid #aaa; |
| 815 | }, |
| 816 | { ".filetree li:last-child > ul:before", |
| 817 | "hide lines for last-child directories", |
| 818 | @ display: none; |
| 819 | }, |
| 820 | { ".filetree a", |
| 821 | "tree-view links", |
| 822 | @ position: relative; |
| 823 | @ z-index: 1; |
| 824 | @ display: inline-block; |
| 825 | @ min-height: 16px; |
| 826 | @ padding-left: 21px; |
| 827 | @ background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==); |
| 828 | @ background-position: center left; |
| 829 | @ background-repeat: no-repeat; |
| 830 | }, |
| 831 |