diff --git a/share/tools/web_config/fishconfig.css b/share/tools/web_config/fishconfig.css index f018e4edc..d2eb8fc73 100644 --- a/share/tools/web_config/fishconfig.css +++ b/share/tools/web_config/fishconfig.css @@ -349,22 +349,23 @@ body { cursor: pointer; } -.color_scheme_choice_label { +.color_scheme_choice_label, .prompt_demo_choice_label { margin-left: 10px; margin-bottom: 3px; cursor: pointer; font-size: 12pt; white-space: normal; + color: #AAA; } -.color_scheme_choices_scrollview { +.color_scheme_choices_scrollview, .prompt_choices_scrollview { border-top: 1px solid #333; padding-top: 5px; overflow: scroll; - max-height: 18em; /* about two and a half boxes */ + max-height: 30em; /* about two and a half boxes */ } -.color_scheme_choices_list { +.color_scheme_choices_list, .prompt_choices_list { overflow-y: hidden; /* makes our height account for floats */ padding: 0 10px 15px 10px; /* top right bottom left */ bottom: 0px; @@ -418,17 +419,26 @@ img.delete_icon { color: #C8C8C8; } -.prompt_demo { +.prompt_demo, .current_prompt { font-size: 12pt; padding: 10px; - margin: 5px 20px 25px; /* top right bottom left */ + margin: 5px 5px 25px 5px; /* top right bottom left */ cursor: pointer; line-height: 1.8em; - border: solid #777 1px; + border: solid #333 1px; position: relative; /* so that our absolutely positioned elements work */ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } -.save_button, .prompt_save_button, .colors_close_button, .customize_theme_button { +.unbordered { + border: none; + padding-top: 0; + padding-bottom: 0; +} + +.save_button, .prompt_save_button, .colors_close_button, .customize_theme_button, .generic_button { border-radius: 5px; border: solid rgba(71,71,71,0.5) 1px; padding: 5px 8px; @@ -440,7 +450,7 @@ img.delete_icon { cursor: pointer; } -.save_button:hover, .customize_theme_button:hover { +.save_button:hover, .customize_theme_button:hover, .generic_button:hover { border-color: rgba(71,71,71,0.9); } @@ -456,12 +466,6 @@ img.delete_icon { font-size: 12pt; } -.prompt_demo_choice_label { - margin: 25px 20px 5px; - font-size: 12pt; - white-space: normal; -} - .prompt_demo_text { white-space: pre; line-height: 170%; diff --git a/share/tools/web_config/js/controllers.js b/share/tools/web_config/js/controllers.js index 796e7729a..7db84a35a 100644 --- a/share/tools/web_config/js/controllers.js +++ b/share/tools/web_config/js/controllers.js @@ -120,6 +120,8 @@ controllers.controller("colorsController", function($scope, $http) { controllers.controller("promptController", function($scope, $http) { $scope.selectedPrompt = null; + $scope.showSaveButton = true; + $scope.savePromptButtonTitle = "Set Prompt"; $scope.fetchSamplePrompts= function() { $http.get("/sample_prompts/").success(function(data, status, headers, config) { @@ -131,8 +133,10 @@ controllers.controller("promptController", function($scope, $http) { } })}; - $scope.selectPrompt = function(promptt) { - $scope.selectedPrompt= promptt; + $scope.selectPrompt = function(prompt) { + $scope.selectedPrompt= prompt; + + $scope.savePromptButtonTitle = "Set Prompt"; } $scope.setNewPrompt = function(selectedPrompt) { @@ -143,9 +147,18 @@ controllers.controller("promptController", function($scope, $http) { $scope.samplePrompts[0].function = selectedPrompt.function; $scope.samplePrompts[0].font_size = selectedPrompt.font_size; $scope.selectedPrompt = $scope.samplePrompts[0]; + + // Note that we set it + $scope.savePromptButtonTitle = "Prompt Set!"; })}; $scope.fetchSamplePrompts(); + + $scope.setPrompt = function() { + if ($scope.selectedPrompt) { + $scope.setNewPrompt($scope.selectedPrompt); + } + } }); controllers.controller("functionsController", function($scope, $http) { diff --git a/share/tools/web_config/partials/colors.html b/share/tools/web_config/partials/colors.html index 3738ec2b8..9a3730cf4 100644 --- a/share/tools/web_config/partials/colors.html +++ b/share/tools/web_config/partials/colors.html @@ -124,7 +124,7 @@ fish cannot change the background color of your terminal. Refer to your terminal
- {{colorScheme.name}} + {{colorScheme.name}}
/bright/vixens diff --git a/share/tools/web_config/partials/prompt.html b/share/tools/web_config/partials/prompt.html index e11da923c..fed161413 100644 --- a/share/tools/web_config/partials/prompt.html +++ b/share/tools/web_config/partials/prompt.html @@ -1,10 +1,20 @@ -
+ +
+
{{ selectedPrompt.name }}
+
+
+ {{ savePromptButtonTitle }} +
+
+
Select a prompt below:
+
+
{{ prompt.name }}
-
-
{{ prompt.function }}
-
- Use
+