From 801c0507e51dbe72147c6d72a12fd9933afcab63 Mon Sep 17 00:00:00 2001 From: Wynne Crisman Date: Sun, 20 Nov 2016 19:55:53 -0800 Subject: [PATCH] Finally got the tables to scroll independently and fill the remaining page height. Still working on Item's alias list controls, and getting key events associated with tables and lists. --- .gitignore | 1 + public/admin/css/jquery.editable.select.css | 15 + public/admin/index.ejs | 6 +- public/admin/items.html | 16 +- public/admin/items.styl | 5 + public/admin/js/EditableSelect.js | 13 +- public/admin/js/jquery.tabbable.js | 136 +++++++ public/admin/main.styl | 421 ++++++++------------ 8 files changed, 354 insertions(+), 259 deletions(-) create mode 100644 public/admin/css/jquery.editable.select.css create mode 100644 public/admin/js/jquery.tabbable.js diff --git a/.gitignore b/.gitignore index 89a5359..f1527a7 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,7 @@ node_modules config.js public/main.css public/admin/main.css +public/admin/*.css public/emailFailures.txt sessions/ config/db.js diff --git a/public/admin/css/jquery.editable.select.css b/public/admin/css/jquery.editable.select.css new file mode 100644 index 0000000..3697582 --- /dev/null +++ b/public/admin/css/jquery.editable.select.css @@ -0,0 +1,15 @@ +/** + * jQuery Editable Select + * Indri Muska + * + * Source on GitHub @ https://github.com/indrimuska/jquery-editable-select + */ + +input.es-input { padding-right: 20px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; } +input.es-input.open { + -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } +.es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto; + -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; } +.es-list li { display: block; padding: 5px 10px; margin: 0; } +.es-list li.selected { background: #f3f3f3; } \ No newline at end of file diff --git a/public/admin/index.ejs b/public/admin/index.ejs index 99a7c2c..aba9b33 100644 --- a/public/admin/index.ejs +++ b/public/admin/index.ejs @@ -129,11 +129,11 @@
diff --git a/public/admin/items.html b/public/admin/items.html index ebf7302..753df23 100644 --- a/public/admin/items.html +++ b/public/admin/items.html @@ -35,7 +35,6 @@