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 +-- 2 files changed, 28 insertions(+), 8 deletions(-) (limited to 'js/components/ui') 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 @@