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 def new_page page
name = page.name name = page.name
url = url_for_page page 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 end
def new_folder folder_path def new_folder folder_path
@@ -89,7 +89,7 @@ module Gollum
<li> <li>
<label>#{::File.dirname(page.path)}</label> <input type="checkbox" #{@checked} /> <label>#{::File.dirname(page.path)}</label> <input type="checkbox" #{@checked} />
<ol> <ol>
#{new_page page} #{new_page page}
</ol> </ol>
</li> </li>
HTML HTML
lib/gollum/frontend/public/gollum/css/_styles.css
+14 -7
View File
@@ -72,16 +72,23 @@ ol.tree
} }
li.file a li.file a
{ {
background: url(../images/fileview/document.png) 0 0 no-repeat;
color: #fff; color: #fff;
padding-left: 21px;
text-decoration: none; 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 span.icon
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; } width: 14px;
li.file a[href $= '.js'] { background: url(../images/fileview/document.png) 0 0 no-repeat; } 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 li input
{ {
position: absolute; position: absolute;
test/file_view/1_file.txt
+1 -1
View File
@@ -1,3 +1,3 @@
<ol class="tree"> <ol class="tree">
<li class="file"><a href="0">0</a></li> <li class="file"><a href="0"><span class="icon"></span>0</a></li>
</ol> </ol>
test/file_view/1_file_1_folder.txt
+1 -1
View File
@@ -2,7 +2,7 @@
<li> <li>
<label>folder0</label> <input type="checkbox" checked /> <label>folder0</label> <input type="checkbox" checked />
<ol> <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> </ol>
</li> </li>
</ol> </ol>
test/file_view/1_folder.txt
+1 -1
View File
@@ -2,7 +2,7 @@
<li> <li>
<label>.</label> <input type="checkbox" checked /> <label>.</label> <input type="checkbox" checked />
<ol> <ol>
<li class="file"><a href="folder0">folder0</a></li> <li class="file"><a href="folder0"><span class="icon"></span>folder0</a></li>
</ol> </ol>
</li> </li>
</ol> </ol>
test/file_view/2_files_2_folders.txt
+2 -2
View File
@@ -2,11 +2,11 @@
<li> <li>
<label>folder0</label> <input type="checkbox" checked /> <label>folder0</label> <input type="checkbox" checked />
<ol> <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> </ol>
</li> </li>
<li> <li>
<label>folder1</label> <input type="checkbox" checked /> <label>folder1</label> <input type="checkbox" checked />
<ol> <ol>
<li class="file"><a href="folder1/1">1</a></li> <li class="file"><a href="folder1/1"><span class="icon"></span>1</a></li>
</ol> </ol>
test/file_view/2_files_2_folders_1_root.txt
+3 -3
View File
@@ -1,13 +1,13 @@
<ol class="tree"> <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> <li>
<label>folder0</label> <input type="checkbox" checked /> <label>folder0</label> <input type="checkbox" checked />
<ol> <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> </ol>
</li> </li>
<li> <li>
<label>folder1</label> <input type="checkbox" checked /> <label>folder1</label> <input type="checkbox" checked />
<ol> <ol>
<li class="file"><a href="folder1/1">1</a></li> <li class="file"><a href="folder1/1"><span class="icon"></span>1</a></li>
</ol> </ol>
test/file_view/nested_folders.txt
+3 -3
View File
@@ -8,13 +8,13 @@
<li> <li>
<label>folder2</label> <input type="checkbox" checked /> <label>folder2</label> <input type="checkbox" checked />
<ol> <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> </ol>
</li> </li>
<li> <li>
<label>folder3</label> <input type="checkbox" checked /> <label>folder3</label> <input type="checkbox" checked />
<ol> <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> </ol>
</li> </li>
</ol> </ol>
@@ -24,5 +24,5 @@
<li> <li>
<label>folder4</label> <input type="checkbox" checked /> <label>folder4</label> <input type="checkbox" checked />
<ol> <ol>
<li class="file"><a href="folder4/2">2</a></li> <li class="file"><a href="folder4/2"><span class="icon"></span>2</a></li>
</ol> </ol>