web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add hover to file manager tree

Browse Source
This commit is contained in:
Pierre Bondoerffer 2017-03-01 15:57:22 +01:00
parent cbdfae09a6
commit 3e9c4d0901
No known key found for this signature in database
GPG Key ID: C0C7C0C5063F2236
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
www/drive/file.css
View File

@ -101,18 +101,21 @@ span.fa-folder-open {
color: #000;
}
#tree li {
/*cursor: pointer;*/
cursor: auto;
}
#tree li:hover > span.element {
text-decoration: underline;
}
#tree li.collapsed ul {
display: none;
}
#tree li input {
width: calc(70%);
}
#tree li > span.element-row {
width: 100%;
display: inline-block;
}
#tree li > span.element-row:not(.selected):hover {
background-color: #eee;
}
#tree span.element {
cursor: pointer;
}

15
www/drive/file.less
View File

@ -2,6 +2,8 @@
@tree-fg: #000;
@tree-lines-col: #888;
@drive-hover: #eee;
@content-bg: @tree-bg;
@content-bg-ro: darken(@content-bg, 10%);
@content-fg: @tree-fg;
@ -134,17 +136,20 @@ span {
padding: 10px 0px;
color: @tree-fg;
li {
/*cursor: pointer;*/
cursor: auto;
&:hover > span.element {
text-decoration: underline;
}
&.collapsed ul {
display: none;
}
input {
width: calc(100% - 30px);
}
& > span.element-row {
width: 100%;
display: inline-block;
}
& > span.element-row:not(.selected):hover {
background-color: @drive-hover;
}
}
span.element {
cursor: pointer;
@ -262,7 +267,7 @@ span {
}
&:hover {
&:not(.selected) {
background-color: #eee;
background-color: @drive-hover;
}
.name {
/*text-decoration: underline;*/