From 5b6c62b7164cbde2845a3f7af810568e5ba53a6a Mon Sep 17 00:00:00 2001 From: Jose Antonio Marquez Date: Mon, 13 Feb 2012 22:39:28 -0800 Subject: File IO UI tweaks Making minor tweaks to the UI for file IO, will need to make much more at a later time. --- .../pickerNavigator.reel/pickerNavigator.css | 32 ++++++++++--- .../pickerNavigator.reel/pickerNavigator.html | 4 +- js/io/document/html-document.js | 38 +++++----------- js/io/document/text-document.js | 2 +- .../new-file-location.reel/new-file-location.css | 8 +++- .../new-file-options-navigator.css | 52 +++++++++++++++++----- .../new-file-options-navigator.html | 4 +- 7 files changed, 89 insertions(+), 51 deletions(-) diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css index 93578ec1..9c85c6b5 100644 --- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css +++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css @@ -12,7 +12,11 @@ padding-left:15px; padding-bottom:15px; color:#ffffff; - background-color:#313131; + background-color:#494949; + font-family: 'Droid Sans', sans-serif; + border-radius: 8px; + box-shadow: 0px 0px 8px rgba(0, 0, 0, .8); + text-shadow: 1px 1px 1px #000; } .picker .pickerHeader{ @@ -20,7 +24,7 @@ } .picker .container{ - border: 1px groove #000000; + border: 1px solid #000000; overflow: auto; background-color:#5f5f5f; } @@ -39,21 +43,26 @@ width:75%; height:88%; overflow: hidden; + border-left: none; } .picker .right-top{ - border: 1px groove #000000; + border-right: 1px solid #000000; overflow: auto; min-height:150px; height:75%; width:auto; + border-right: none; } .picker .right-bottom{ - border: 1px groove #000000; + border: 1px solid #000000; + border-left: none; overflow: auto; height:20%; padding: 10px; + border-bottom: none; + border-right: none; } .picker .driversList{ @@ -194,8 +203,16 @@ pointer:auto; } +.picker .buttons button { + float: left; + width: 100px; + margin-top: 3px; +} + .picker .okButton{ - margin-right:25px; + margin: 0px 22px 0px 8px; + /* +margin-right:25px; -webkit-box-align: center; text-align: center; cursor: default; @@ -206,10 +223,12 @@ border-radius:10px; background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); cursor:pointer; +*/ } .picker .cancelButton{ - -webkit-box-align: center; + /* +-webkit-box-align: center; text-align: center; cursor: default; padding: 0px 6px 0px; @@ -219,6 +238,7 @@ border-radius:10px; background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); cursor:pointer; +*/ } .picker input[type="button"]:disabled{ diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html index bd427f97..20cb0c68 100755 --- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html +++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html @@ -67,8 +67,8 @@
- - + +
diff --git a/js/io/document/html-document.js b/js/io/document/html-document.js index 520906ab..ac556c2d 100755 --- a/js/io/document/html-document.js +++ b/js/io/document/html-document.js @@ -4,11 +4,14 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. */ -var Montage = require("montage/core/core").Montage, - baseDocumentModule = require("js/io/document/base-document"), - NJUtils = require("js/lib/NJUtils").NJUtils; - -var HTMLDocument = exports.HTMLDocument = Montage.create(baseDocumentModule.BaseDocument, { +//////////////////////////////////////////////////////////////////////// +// +var Montage = require("montage/core/core").Montage, + BaseDocument = require("js/io/document/base-document").BaseDocument, + NJUtils = require("js/lib/NJUtils").NJUtils; +//////////////////////////////////////////////////////////////////////// +// +exports.HTMLDocument = Montage.create(BaseDocument, { // PRIVATE MEMBERS _selectionExclude: { value: null, enumerable: false }, _htmlTemplateUrl: { value: "user-document-templates/montage-application-cloud/index.html", enumerable: false}, @@ -477,32 +480,13 @@ var HTMLDocument = exports.HTMLDocument = Montage.create(baseDocumentModule.Base //TODO: Add code view logic and also styles for HTML if (this.currentView === 'design') { return {mode: 'html', document: this._userDocument, style: this._styles, head: this._templateDocument.head.innerHTML, body: this._templateDocument.body.innerHTML}; - } else if(this.currentView === "code"){ + } else if (this.currentView === "code"){ //TODO: Would this get call when we are in code of HTML? + } else { + //Error } } } //////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////// - - - /* -save:{ - value:function(){ - try{ - if(this.currentView === "design"){ - //generate html and save - }else if((this.currentView === "code") && (this.codeViewDocument !== null)){ - this.codeViewDocument.editor.save(); - //persist to filesystem - } - this.dirtyFlag=false; - }catch(e){ - console.log("Error while saving "+this.uri); - console.log(e.stack); - } - } - } -*/ - }); \ No newline at end of file diff --git a/js/io/document/text-document.js b/js/io/document/text-document.js index e149c479..87fcc551 100755 --- a/js/io/document/text-document.js +++ b/js/io/document/text-document.js @@ -10,7 +10,7 @@ var Montage = require("montage/core/core").Montage, BaseDocument = require("js/io/document/base-document").BaseDocument; //////////////////////////////////////////////////////////////////////// // -var TextDocument = exports.TextDocument = Montage.create(BaseDocument, { +exports.TextDocument = Montage.create(BaseDocument, { // PRIVATE MEMBERS _codeEditor: { value: { diff --git a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css index 092ca626..e79082a6 100755 --- a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css +++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css @@ -7,11 +7,13 @@ .newfileLocation .newFileName{ width:65%; margin-left:5px; + text-shadow: 1px 1px 1px #000; } .newfileLocation .newFileDirectory{ width:70%; margin-left:5px; + text-shadow: 1px 1px 1px #000; } .newfileLocation .templateSelection{ @@ -32,6 +34,7 @@ .newfileLocation .locationSelection{ float:left; width:75%; + text-shadow: 1px 1px 1px #000; } .newfileLocation .locationSelection div{ @@ -41,6 +44,7 @@ .newfileLocation .locationSelection input{ margin-left: 5px; white-space: nowrap; + text-shadow: 1px 1px 1px #333; } .newfileLocation .templatePx{ @@ -50,6 +54,7 @@ .newfileLocation .nameText{ margin-right:28px; + text-shadow: 1px 1px 1px #000; } .newfileLocation .hottextunit{ @@ -58,5 +63,6 @@ } .newfileLocation .fileExtension{ - color:#d7d7d7; + color:#FFF; + text-shadow: 1px 1px 1px #000; } diff --git a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css index 95ce01f9..5a359200 100755 --- a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css +++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css @@ -9,9 +9,12 @@ width:650px; height:350px; padding-left: 15px; - padding-bottom:25px; - background-color:#313131; + padding-bottom:32px; + background-color:#494949; color:#ffffff; + font-family: 'Droid Sans', sans-serif; + border-radius: 8px; + box-shadow: 0px 0px 8px rgba(0, 0, 0, .8); } .newfile .title{ @@ -19,12 +22,14 @@ height:15px; padding:5px; text-align: center; - font-weight: bold; - color: #C1C1C1; + text-transform: uppercase; + font-weight: normal; + text-shadow: 1px 1px 1px #000; } .newfile .container{ - border: 1px groove #000000; + border: 1px solid #000000; + border-right: none; overflow: auto; background-color:#5f5f5f; } @@ -45,7 +50,7 @@ } .newfile .right-top{ - border: 1px groove #000000; + border-right: 1px solid #000000; overflow: auto; min-height:150px; height:58%; @@ -54,7 +59,8 @@ } .newfile .right-bottom{ - border: 1px groove #000000; + border: 1px solid #000000; + border-left: none; overflow: auto; height:42%; padding: 15px; @@ -64,7 +70,9 @@ border-bottom:1px solid #000000; padding:5px; text-align: center; - font-weight: bold; + text-transform: uppercase; + font-weight: normal; + text-shadow: 1px 1px 1px #000; } .newfile .buttons{ @@ -74,10 +82,14 @@ .newfile .errorMsg{ float:left; - margin-top: 7px; + margin-top: 12px; + text-shadow: 1px 1px 1px #333; + text-transform: uppercase; + clear: left; + width: 200px; } .newfile .errorMsg span{ - color: #BF3B3B; + color: #FF3A3A; } .newfile .disable{ @@ -93,6 +105,10 @@ font-weight: bold; } +.newfile .atreeItem { + text-shadow: 1px 1px 1px #000; +} + .newfile .atreeItem .name{ padding: 3px; } @@ -115,14 +131,23 @@ white-space: normal; padding-bottom:4px; overflow: visible; + text-shadow: 1px 1px 1px #000; } .newfile .icon .iconImg{ margin-left:25px; } +.newfile .buttons button { + float: left; + width: 100px; + margin-top: 3px; +} + .newfile .okButton{ - margin-right:25px; + margin: 0px 18px 0px 8px; + /* +margin-right:25px; -webkit-box-align: center; text-align: center; cursor: default; @@ -133,10 +158,12 @@ border-radius:10px; background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); cursor:pointer; +*/ } .newfile .cancelButton{ - -webkit-box-align: center; + /* +-webkit-box-align: center; text-align: center; cursor: default; padding: 0px 6px 0px; @@ -146,6 +173,7 @@ border-radius:10px; background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); cursor:pointer; +*/ } .newfile input[type="button"]:disabled{ diff --git a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html index 58bbed30..d4043658 100755 --- a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html +++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html @@ -54,8 +54,8 @@
- - + +
-- cgit v1.2.3