wiki.ohea.xyz/gollum
10
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Fixed a:hover not highlighting the a block correctly

Browse Source
This commit is contained in:
Daniel Kimsey
2012-11-08 18:50:38 -05:00
committed by bootstraponline
parent 34e0b49d72
commit c5631f5b7d
8 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/gollum/file_view.rb
+2 -2
View File
@@ -22,7 +22,7 @@ module Gollum
def new_page page
name = page.name
url = url_for_page page
%Q( <li class="file"><a href="#{url}">#{name}</a></li>\n)
%Q( <li class="file"><a href="#{url}"><span class="icon"></span>#{name}</a></li>\n)
end
def new_folder folder_path
@@ -89,7 +89,7 @@ module Gollum
<li>
<label>#{::File.dirname(page.path)}</label> <input type="checkbox" #{@checked} />
<ol>
#{new_page page}
#{new_page page}
</ol>
</li>
HTML
lib/gollum/frontend/public/gollum/css/_styles.css
+14 -7
View File
@@ -72,16 +72,23 @@ ol.tree
}
li.file a
{
background: url(../images/fileview/document.png) 0 0 no-repeat;
color: #fff;
padding-left: 21px;
text-decoration: none;
display: block;
display: inline-block;
}
li.file a[href *= '.pdf'] { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a[href *= '.html'] { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a[href $= '.css'] { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a[href $= '.js'] { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a span.icon
{
width: 14px;
height: 18px;
background: url(../images/fileview/document.png) 0 0 no-repeat;
display: inline-block;
margin-right: 7px;
vertical-align: text-top;
}
li.file a[href *= '.pdf'] span.icon { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a[href *= '.html'] span.icon { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a[href $= '.css'] span.icon { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li.file a[href $= '.js'] span.icon { background: url(../images/fileview/document.png) 0 0 no-repeat; }
li input
{
position: absolute;
test/file_view/1_file.txt
+2 -2
View File
@@ -1,3 +1,3 @@
<ol class="tree">
<li class="file"><a href="0">0</a></li>
</ol>
<li class="file"><a href="0"><span class="icon"></span>0</a></li>
</ol>
test/file_view/1_file_1_folder.txt
+2 -2
View File
@@ -2,7 +2,7 @@
<li>
<label>folder0</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder0/0">0</a></li>
<li class="file"><a href="folder0/0"><span class="icon"></span>0</a></li>
</ol>
</li>
</ol>
</ol>
test/file_view/1_folder.txt
+2 -2
View File
@@ -2,7 +2,7 @@
<li>
<label>.</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder0">folder0</a></li>
<li class="file"><a href="folder0"><span class="icon"></span>folder0</a></li>
</ol>
</li>
</ol>
</ol>
test/file_view/2_files_2_folders.txt
+3 -3
View File
@@ -2,11 +2,11 @@
<li>
<label>folder0</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder0/0">0</a></li>
<li class="file"><a href="folder0/0"><span class="icon"></span>0</a></li>
</ol>
</li>
<li>
<label>folder1</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder1/1">1</a></li>
</ol>
<li class="file"><a href="folder1/1"><span class="icon"></span>1</a></li>
</ol>
test/file_view/2_files_2_folders_1_root.txt
+4 -4
View File
@@ -1,13 +1,13 @@
<ol class="tree">
<li class="file"><a href="root">root</a></li>
<li class="file"><a href="root"><span class="icon"></span>root</a></li>
<li>
<label>folder0</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder0/0">0</a></li>
<li class="file"><a href="folder0/0"><span class="icon"></span>0</a></li>
</ol>
</li>
<li>
<label>folder1</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder1/1">1</a></li>
</ol>
<li class="file"><a href="folder1/1"><span class="icon"></span>1</a></li>
</ol>
test/file_view/nested_folders.txt
+4 -4
View File
@@ -8,13 +8,13 @@
<li>
<label>folder2</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder0/folder1/folder2/0">0</a></li>
<li class="file"><a href="folder0/folder1/folder2/0"><span class="icon"></span>0</a></li>
</ol>
</li>
<li>
<label>folder3</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder0/folder1/folder3/1">1</a></li>
<li class="file"><a href="folder0/folder1/folder3/1"><span class="icon"></span>1</a></li>
</ol>
</li>
</ol>
@@ -24,5 +24,5 @@
<li>
<label>folder4</label> <input type="checkbox" checked />
<ol>
<li class="file"><a href="folder4/2">2</a></li>
</ol>
<li class="file"><a href="folder4/2"><span class="icon"></span>2</a></li>
</ol>