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

Add hover on elements in drive and make grid slightly prettier

Browse Source
This commit is contained in:
Pierre Bondoerffer
2017-02-28 23:15:47 +01:00
parent f11b03c16e
commit eb9a39eb68
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
www/drive/file.css
View File

@@ -220,6 +220,9 @@ span.fa-folder-open {
#content li:not(.header) *:not(input) { #content li:not(.header) *:not(input) {
/*pointer-events: none;*/ /*pointer-events: none;*/
} }
#content li:not(.header):hover:not(.selected) {
background-color: #eee;
}
#content li:not(.header):hover .name { #content li:not(.header):hover .name {
/*text-decoration: underline;*/ /*text-decoration: underline;*/
} }
@@ -233,6 +236,8 @@ span.fa-folder-open {
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
overflow: hidden; overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
} }
#content div.grid li .name { #content div.grid li .name {
width: 100%; width: 100%;

5
www/drive/file.less
View File

@@ -261,6 +261,9 @@ span {
/*pointer-events: none;*/ /*pointer-events: none;*/
} }
&:hover { &:hover {
&:not(.selected) {
background-color: #eee;
}
.name { .name {
/*text-decoration: underline;*/ /*text-decoration: underline;*/
} }
@@ -276,6 +279,8 @@ span {
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
overflow: hidden; overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
.name { .name {
width: 100%; width: 100%;