aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend
diff options
context:
space:
mode:
authorJohannes Zellner <johannes@cloudron.io>2017-02-05 08:44:55 -0800
committerJohannes Zellner <johannes@cloudron.io>2017-02-05 08:44:55 -0800
commit9716e5b65e0eb6ee663939b5f3c772aded52827b (patch)
tree2a6b6b973c68f62067e85b7458655c70e5c5e31d /frontend
parentfea6789c72b7ef5b69281d8866f4ae0475135d4a (diff)
downloadSurfer-9716e5b65e0eb6ee663939b5f3c772aded52827b.tar.gz
Surfer-9716e5b65e0eb6ee663939b5f3c772aded52827b.tar.zst
Surfer-9716e5b65e0eb6ee663939b5f3c772aded52827b.zip
Only show item action buttons on hover
Diffstat (limited to 'frontend')
-rw-r--r--frontend/css/style.css15
-rw-r--r--frontend/index.html9
2 files changed, 21 insertions, 3 deletions
diff --git a/frontend/css/style.css b/frontend/css/style.css
index 05336ab..ff1dc84 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -63,4 +63,17 @@ footer {
63 63
64footer:hover { 64footer:hover {
65 opacity: 1; 65 opacity: 1;
66} \ No newline at end of file 66}
67
68th {
69 overflow: hidden;
70}
71
72.entry-toolbar {
73 opacity: 0;
74 transition: opacity .25s;
75}
76
77tr:hover .entry-toolbar {
78 opacity: 1;
79}
diff --git a/frontend/index.html b/frontend/index.html
index 4c16ed5..c0a6a4e 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -148,7 +148,7 @@
148 <th>Name</th> 148 <th>Name</th>
149 <th>Size</th> 149 <th>Size</th>
150 <th>Modified</th> 150 <th>Modified</th>
151 <th style="text-align: right;">Action</th> 151 <th>&nbsp;</th>
152 </tr> 152 </tr>
153 </thead> 153 </thead>
154 <tbody> 154 <tbody>
@@ -166,7 +166,12 @@
166 <th>{{ entry.filePath }}</th> 166 <th>{{ entry.filePath }}</th>
167 <th>{{ entry.size | prettyFileSize }}</th> 167 <th>{{ entry.size | prettyFileSize }}</th>
168 <th><span v-my-tooltip="foobar" data-toggle="tooltip" title="{{ entry.mtime }}">{{ entry.mtime | prettyDate }}</span></th> 168 <th><span v-my-tooltip="foobar" data-toggle="tooltip" title="{{ entry.mtime }}">{{ entry.mtime | prettyDate }}</span></th>
169 <th style="text-align: right;"><button class="btn btn-sm btn-danger" v-on:click.stop="delAsk(entry)"><i class="fa fa-trash"></i></button></th> 169 <th style="text-align: right;">
170 <span class="entry-toolbar">
171 <!-- <button class="btn btn-sm btn-default" v-on:click.stop="renameAsk(entry)" title="Rename"><i class="fa fa-pencil"></i></button> -->
172 <button class="btn btn-sm btn-danger" v-on:click.stop="delAsk(entry)" title="Delete"><i class="fa fa-trash"></i></button>
173 </span>
174 </th>
170 </tr> 175 </tr>
171 </tbody> 176 </tbody>
172 </table> 177 </table>