Fossil

Check-in [a9e9ac461d]
Login

Check-in [a9e9ac461d]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Unflatten top line of directory nodes. Pros of old design (reduced screen space) aren't worth the cons (more confusing, more complicated CSS, and very few people are going to be using subdirectory pages).
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | broken-build
Files: files | file ages | folders
SHA1: a9e9ac461d60b6992081ed6087d90df580183439
User & Date: joel 2014-01-07 09:49:54.452
Original Comment: 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).
Context
2014-01-07
10:15
Fix the unix makefile that was broken by check-in [1ab2728820]. ... (Closed-Leaf check-in: bdcfdc4642 user: drh tags: broken-build)
09:49
Unflatten top line of directory nodes. Pros of old design (reduced screen space) aren't worth the cons (more confusing, more complicated CSS, and very few people are going to be using subdirectory pages). ... (check-in: a9e9ac461d user: joel tags: broken-build)
09:20
Actually check that the link being clicked is a descendant of .subdir instead of using a style-based check that could change with different CSS. ... (check-in: 21dccee9dc user: joel tags: broken-build)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/style.c.
︙︙
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845

  { ".filetree",
    "tree-view file browser",
    @   margin: 1em 0;
    @   line-height: 1.5;
  },
  { ".filetree ul",
    "tree-view lists",
    @   display: inline;
    @   margin: 0;
    @   padding: 0;
  },
  { ".filetree li",
    "tree-view list items",
    @   display: inline;
  },
  /* There is exactly one element with class="subdir".  That element is
  ** the name of the directory specified by the "name=" query parameter,
  ** and the directory described by the text at the top of the page. */
  { ".filetree .subdir ul",
    "tree-view lists below subdir",
    @   position: relative;
    @   display: block;
    @   margin: 0 0 0 21px;
    @   padding: 0;
  },
  { ".filetree .subdir li",
    "tree-view lists items below subdir",
    @   position: relative;
    @   display: block;
    @   margin: 0;
    @   padding: 0;
  },
  { ".filetree .subdir li:before",
    "tree-view node lines",
    @   content: '';
    @   position: absolute;
    @   top: -.8em;
    @   left: -14px;
    @   width: 14px;
    @   height: 1.5em;
    @   border-left: 2px solid #aaa;
    @   border-bottom: 2px solid #aaa;
  },
  { ".filetree .subdir > ul ul:before",
    "tree-view directory lines",
    @   content: '';
    @   position: absolute;
    @   top: -1.5em;
    @   bottom: 0;
    @   left: -35px;
    @   border-left: 2px solid #aaa;
  },
  { ".filetree .subdir li:last-child > ul:before",
    "hide lines for last-child directories",
    @   display: none;
  },
  { ".filetree a",
    "tree-view links",
    @   position: relative;
    @   z-index: 1;
    @   display: inline-block;
    @   min-height: 16px;
    @   margin-right: .5em;
    @   padding-left: 21px;
    @   background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==);
    @   background-position: center left;
    @   background-repeat: no-repeat;
  },
  { ".filetree .dir > a",
    "tree-view directory links",








<


<
<
|
<

<
<
<
|
|

<

<

|
|

<
<
<

|










|








|









<








776
777
778
779
780
781
782

783
784


785

786



787
788
789

790

791
792
793
794



795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825

826
827
828
829
830
831
832

  { ".filetree",
    "tree-view file browser",
    @   margin: 1em 0;
    @   line-height: 1.5;
  },
  { ".filetree ul",
    "tree-view lists",

    @   margin: 0;
    @   padding: 0;


    @   list-style: none;

  },



  { ".filetree ul ul",
    "tree-view lists below the root",
    @   position: relative;

    @   margin: 0 0 0 21px;

  },
  { ".filetree li",
    "tree-view lists items",
    @   position: relative;



  },
  { ".filetree li li:before",
    "tree-view node lines",
    @   content: '';
    @   position: absolute;
    @   top: -.8em;
    @   left: -14px;
    @   width: 14px;
    @   height: 1.5em;
    @   border-left: 2px solid #aaa;
    @   border-bottom: 2px solid #aaa;
  },
  { ".filetree ul ul:before",
    "tree-view directory lines",
    @   content: '';
    @   position: absolute;
    @   top: -1.5em;
    @   bottom: 0;
    @   left: -35px;
    @   border-left: 2px solid #aaa;
  },
  { ".filetree li:last-child > ul:before",
    "hide lines for last-child directories",
    @   display: none;
  },
  { ".filetree a",
    "tree-view links",
    @   position: relative;
    @   z-index: 1;
    @   display: inline-block;
    @   min-height: 16px;

    @   padding-left: 21px;
    @   background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==);
    @   background-position: center left;
    @   background-repeat: no-repeat;
  },
  { ".filetree .dir > a",
    "tree-view directory links",
︙︙