File tree Expand file tree Collapse file tree 4 files changed +34
-52
lines changed Expand file tree Collapse file tree 4 files changed +34
-52
lines changed Original file line number Diff line number Diff line change 1
- #parent {
2
- padding : 10px ;
3
- width : 100% ;
1
+ .source--explorer {
2
+ flex : 1 1 auto ;
4
3
display : flex ;
5
- max-height : calc (100vh - 180px );
4
+ margin-bottom : 5px ;
5
+ }
6
+ .source--tree {
7
+ overflow-y : scroll ;
8
+ width : 240px ;
9
+ }
10
+
11
+ .source--code {
12
+ overflow-y : scroll ;
13
+ flex-grow : 1 ;
14
+ background-color : #f6f7f9 ;
6
15
}
7
16
#tree {
8
- width : 200px ;
9
- overflow : hidden ;
10
- display : none ;
11
- overflow : auto ;
12
- height : auto ;
13
17
.list-group {
14
18
margin-top : -0.5px ;
15
19
overflow : hidden ;
24
28
}
25
29
}
26
30
.source-header {
27
- @include clearfix ;
28
31
width : 100% ;
29
-
30
- h1 {
31
- display : inline-block ;
32
- vertical-align : middle ;
33
- margin : 0.25em 0 ;
34
- }
35
-
36
- .source-header-content {
37
- width : 100% ;
38
- padding-top : 15px ;
39
- border-bottom : 2px solid #ebf4f7 ;
40
- padding-bottom : 10px ;
41
- }
42
- }
43
- .source--title--container {
44
- display : flex ;
45
- align-items : baseline ;
46
- margin-bottom : 1rem ;
32
+ height : 45px ;
33
+ flex-shrink : 0 ;
47
34
}
35
+
48
36
#source-container {
49
- flex : 1 ;
50
- height : auto ;
51
- overflow : auto ;
52
- display : none ;
53
37
pre {
54
38
margin-top : 0px ;
55
39
}
83
67
display :none ;
84
68
}
85
69
.source {
86
- max-height : calc (100vh - 100px );
70
+ display : flex ;
71
+ flex-direction : column ;
72
+ height : 100% ;
87
73
}
88
74
89
75
.scroll ::-webkit-scrollbar {
Original file line number Diff line number Diff line change 7
7
}
8
8
9
9
.page-wrap {
10
- min-height : 100 % ;
11
- padding- top : 30px ;
12
- box-sizing : border-box ;
13
- margin-bottom : -80 px ;
14
- padding-bottom : 80 px ;
10
+ bottom : 55 px ;
11
+ top : 30px ;
12
+ left : 0 ;
13
+ right : 0 ;
14
+ position : fixed ;
15
15
}
16
16
17
17
Original file line number Diff line number Diff line change 1
1
.footer {
2
2
padding : $header-margin 0 ;
3
- margin-top : $default-space ;
3
+ position : fixed ;
4
+ width : 100% ;
5
+ bottom : 0 ;
6
+ background-color : white ;
4
7
border-top : 1px solid $primary-extra-light ;
5
8
6
9
@include clearfix ;
Original file line number Diff line number Diff line change 1
1
<% var pkgVersion = data; %>
2
2
<section class =" source" >
3
3
<header class =" source-header" >
4
- <div class =" source--header-content container" >
5
- <div class =" ph-flex-position" >
6
- <div > <!-- Do not remove this div, needed for ph-flex-position -->
7
- <div class =' source--title--container' >
8
- <a href =<% = data.uri % >><h1 class =' package--title' itemprop =" name" ><% - pkgVersion .package_name %>
9
- <span class =' package--version--v' >v<%= pkgVersion .version %> </span ></h1 ></a >
10
-
11
- </div >
12
- </div >
13
- </div >
4
+ <div class =' source-header--title' >
5
+ <a class =" btn btn-small btn-secondary-light" href =<% = data.uri % >><i class =" fa fa-chevron-left" aria-hidden =" true" ></i >
6
+ Back to <% - pkgVersion .package_name %> </a >
14
7
</div >
15
8
</header >
16
9
17
- <div id = " parent " class = " container " >
18
- <div id =" tree" class =" scroll" data-package-name =" <%= pkgVersion.package_name %>" data-package-version =" <%= pkgVersion.version %>" ></div >
19
- <div id =" source-container" class =" scroll" >
10
+ <div class = " source--explorer " id = " parent " >
11
+ <div class = " source--tree " id =" tree" class =" scroll" data-package-name =" <%= pkgVersion.package_name %>" data-package-version =" <%= pkgVersion.version %>" ></div >
12
+ <div class = " source--code " id =" source-container" class =" scroll" >
20
13
<!-- Don't add a space or return within the pre tags -->
21
14
<pre ><code class =" R" id =" code" ></code ></pre >
22
15
</div >
You can’t perform that action at this time.
0 commit comments