made file trees more responsive

This commit is contained in:
Heydon Pickering 2017-07-30 17:07:19 +01:00
parent b684844f10
commit fa26de99ed
3 changed files with 23 additions and 31 deletions

View File

@ -644,20 +644,11 @@ pre[class*=language-] code * {
list-style: none; list-style: none;
line-height: 1.25; line-height: 1.25;
position: relative; position: relative;
overflow: hidden;
} }
.file-tree > ul { .file-tree > ul {
padding-left: 0; padding-left: 0;
} overflow-x: auto;
.file-tree li:not(:last-child) > ul::before {
content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1em;
} }
.file-tree li { .file-tree li {
@ -670,6 +661,16 @@ pre[class*=language-] code * {
margin-top: 0; margin-top: 0;
} }
.file-tree li:not(:last-child) > ul::before {
content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1em;
white-space: normal;
}
.file-tree li::before { .file-tree li::before {
content: '\251C\2500\2500\0020'; content: '\251C\2500\2500\0020';
} }
@ -678,11 +679,6 @@ pre[class*=language-] code * {
content: '\2514\2500\2500\0020'; content: '\2514\2500\2500\0020';
} }
.file-tree li::before,
.file-tree ul::before {
white-space: normal;
}
/* Expandable sections */ /* Expandable sections */
.expandable-section { .expandable-section {

File diff suppressed because one or more lines are too long

View File

@ -644,20 +644,11 @@ pre[class*=language-] code * {
list-style: none; list-style: none;
line-height: 1.25; line-height: 1.25;
position: relative; position: relative;
overflow: hidden;
} }
.file-tree > ul { .file-tree > ul {
padding-left: 0; padding-left: 0;
} overflow-x: auto;
.file-tree li:not(:last-child) > ul::before {
content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1em;
} }
.file-tree li { .file-tree li {
@ -670,6 +661,16 @@ pre[class*=language-] code * {
margin-top: 0; margin-top: 0;
} }
.file-tree li:not(:last-child) > ul::before {
content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1em;
white-space: normal;
}
.file-tree li::before { .file-tree li::before {
content: '\251C\2500\2500\0020'; content: '\251C\2500\2500\0020';
} }
@ -678,11 +679,6 @@ pre[class*=language-] code * {
content: '\2514\2500\2500\0020'; content: '\2514\2500\2500\0020';
} }
.file-tree li::before,
.file-tree ul::before {
white-space: normal;
}
/* Expandable sections */ /* Expandable sections */
.expandable-section { .expandable-section {