From 57a43aa643fe6d14be2fa5fbc4e56763b8884a17 Mon Sep 17 00:00:00 2001 From: Christopher Rose Date: Fri, 24 May 2019 21:38:31 +0530 Subject: [PATCH] Style rename form, add upload window --- static/base.css | 18 ++++++++++++++++++ static/base.js | 18 +++++++++++++++++- static/index.html | 14 +++++++++++++- 3 files changed, 48 insertions(+), 2 deletions(-) diff --git a/static/base.css b/static/base.css index f18a2f2..1d914b7 100644 --- a/static/base.css +++ b/static/base.css @@ -11,6 +11,24 @@ body{ background-color: rgba(0,0,0,0.25); z-index:3; } +.window-button{ + float:right; + margin-left:0.25em; +} +input[type="text"]{ + background: transparent; + border:1px gray solid; + width:5rem; +} +.window{ + + width:15rem; + background-color: whitesmoke; + padding:1em; + margin: auto; + margin-top:5em; +} + .hidden{ display: none; } diff --git a/static/base.js b/static/base.js index 0a07622..9532fb3 100644 --- a/static/base.js +++ b/static/base.js @@ -34,7 +34,7 @@ function updateContents(contents){ $('#files-table').append(`${element.name}`) }); if(contents.back!=null){ - $('#files-table').prepend(`..`) + $('#files-table').prepend(`..`) } $('#files-table').fadeIn() } @@ -75,4 +75,20 @@ $(document).ready(()=>{ error: err=>console.log(err) }) }) + $('.close-rename').click(()=>{ + $('.rename-window').fadeOut('fast') + $("#cover").fadeOut('fast') + }) + $('.close-upload').click(()=>{ + $('.upload-window').fadeOut('fast') + $("#cover").fadeOut('fast') + }) + $('.file-rename-button').click(()=>{ + $('#cover').fadeIn('fast') + $('.rename-window').fadeIn('fast') + }) + $('.nav-bottom-button').click(()=>{ + $('#cover').fadeIn('fast') + $('.upload-window').fadeIn('fast') + }) }) diff --git a/static/index.html b/static/index.html index 3ece0da..e4a335f 100644 --- a/static/index.html +++ b/static/index.html @@ -9,7 +9,19 @@ - +
Location: