Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-20 00:35:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 12587. Tweak CSS and JS to make directories into links. Fix symlink stuff to be conditions off of SYMBOLIC-LINK, per lou's spec.

Browse Source
This commit is contained in:
waterson%netscape.com 2000-02-08 01:20:01 +00:00
parent 85ee28a198
commit b21cefd4df
2 changed files with 27 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
xpfe/components/directory/directory.css
View File

@ -29,10 +29,10 @@
@import url(chrome://global/skin/);
treecol[sortActive="true"] {
background-color: lightgray;
background-color: lightgray;
}
/* Hide the twisty when type != DIRECTORY (XXX is there a != in CSS) */
/* Hide the twisty when type != DIRECTORY (XXX is there a '!=' in CSS?) */
treeitem[type="FILE"] > treerow > treecell > .tree-icon > .twisty {
list-style-image: none;
}
@ -43,32 +43,43 @@ treeitem[type="DIRECTORY"][loading="true"] > treerow > treecell > .tree-icon > .
}
/* Show an animated icon when a symbolic link is loading */
treeitem[type="SYM-LINK"][loading="true"] > treerow > treecell > .tree-icon > .twisty {
treeitem[type="SYMBOLIC-LINK"][loading="true"] > treerow > treecell > .tree-icon > .twisty {
list-style-image: url("resource:/res/rdf/loading.gif");
}
/* Make a file look like a link */
treeitem[type="FILE"] > treerow > treecell.filename {
/* Make a filenames look like links */
treeitem > treerow > treecell.filename {
color: #666699;
text-decoration: underline;
}
treeitem > treerow > treecell.filename:hover {
color: #333366;
text-decoration: underline;
}
treeitem > treerow > treecell.filename:active {
color: #990000;
text-decoration: underline;
}
/* Italicize a symbolic link and make it look like a link (it can be a dir or link) */
treeitem[type="SYM-LINK"] > treerow > treecell.filename {
color: #666699;
text-decoration: underline;
treeitem[type="SYMBOLIC-LINK"] > treerow > treecell.filename {
color: inherit;
text-decoration: inherit;
font-style: italic;
}
treeitem[type="FILE"] > treerow > treecell.filename:hover {
color: #333366;
text-decoration: underline;
treeitem[type="SYMBOLIC-LINK"] > treerow > treecell.filename:hover {
color: inherit;
text-decoration: inherit;
font-style: italic;
}
treeitem[type="SYM-LINK"] > treerow > treecell.filename:hover {
color: #333366;
text-decoration: underline;
treeitem[type="SYMBOLIC-LINK"] > treerow > treecell.filename:active {
color: inherit;
text-decoration: inherit;
font-style: italic;
}
/* Override rule in xul.css that colors the selected row blue */

2
xpfe/components/directory/directory.js
View File

@ -77,7 +77,7 @@ function OnClick(event)
// directories.
var type = treeitem.getAttribute('type');
if (targetclass == 'filename' && (type == 'FILE' || type == 'SYM-LINK') ) {
if (targetclass == 'filename') {
var url = treeitem.getAttribute('id');
debug('navigating to ' + url + '\n');