From e3af4f72d0d816b1b31c6ad2c635d07e72d65652 Mon Sep 17 00:00:00 2001 From: Robb Hamilton Date: Thu, 21 Sep 2017 14:37:41 -0400 Subject: [PATCH] Changing overlay layout to a single column Requries https://github.com/openshift/origin-web-catalog/pull/413 --- .../directives/processTemplateDialog.js | 25 ++- app/styles/_catalog.less | 27 ---- app/styles/_overlay-forms.less | 13 +- app/views/directives/bind-service.html | 2 +- app/views/directives/deploy-image-dialog.html | 6 +- app/views/directives/from-file-dialog.html | 6 +- app/views/directives/header/header.html | 2 +- .../directives/process-template-dialog.html | 26 +-- .../process-template-config.html | 10 +- .../process-template-info.html | 20 +++ .../process-template-results.html | 14 +- .../process-template-select.html | 74 ++++----- .../directives/resource-service-bindings.html | 2 +- app/views/directives/unbind-service.html | 2 +- app/views/landing-page.html | 2 +- app/views/overview/_list-row.html | 2 +- app/views/overview/_service-instance-row.html | 2 +- bower.json | 4 +- dist/scripts/scripts.js | 20 ++- dist/scripts/templates.js | 74 +++++---- dist/scripts/vendor.js | 117 ++++++++------ dist/styles/main.css | 151 ++++++++---------- 22 files changed, 309 insertions(+), 292 deletions(-) create mode 100644 app/views/directives/process-template-dialog/process-template-info.html diff --git a/app/scripts/directives/processTemplateDialog.js b/app/scripts/directives/processTemplateDialog.js index d092341ccb..c64bb7d83e 100644 --- a/app/scripts/directives/processTemplateDialog.js +++ b/app/scripts/directives/processTemplateDialog.js @@ -45,6 +45,16 @@ onShow: showSelect }; + ctrl.infoStep = { + id: 'info', + label: 'Information', + view: 'views/directives/process-template-dialog/process-template-info.html', + allowed: true, + valid: true, + allowClickNav: true, + onShow: showInfo + }; + ctrl.configStep = { id: 'configuration', label: 'Configuration', @@ -157,6 +167,7 @@ ctrl.selectedTemplate = template; ctrl.template = _.get(template, 'resource'); ctrl.selectStep.valid = !!template; + ctrl.iconClass = getIconClass(); }; ctrl.templateProjectChange = function () { @@ -191,7 +202,7 @@ function initializeSteps() { if (!ctrl.steps) { - ctrl.steps = [ctrl.selectStep, ctrl.configStep, ctrl.resultsStep]; + ctrl.steps = [ctrl.selectStep, ctrl.infoStep, ctrl.configStep, ctrl.resultsStep]; } } @@ -202,7 +213,17 @@ } } + function showInfo() { + ctrl.infoStep.selected = true; + ctrl.selectStep.selected = false; + ctrl.configStep.selected = false; + ctrl.resultsStep.selected = false; + ctrl.nextTitle = "Next >"; + clearValidityWatcher(); + } + function showSelect() { + ctrl.infoStep.selected = false; ctrl.selectStep.selected = true; ctrl.configStep.selected = false; ctrl.resultsStep.selected = false; @@ -212,6 +233,7 @@ } function showConfig() { + ctrl.infoStep.selected = false; ctrl.selectStep.selected = false; ctrl.configStep.selected = true; ctrl.resultsStep.selected = false; @@ -225,6 +247,7 @@ } function showResults() { + ctrl.infoStep.selected = false; ctrl.selectStep.selected = false; ctrl.configStep.selected = false; ctrl.resultsStep.selected = true; diff --git a/app/styles/_catalog.less b/app/styles/_catalog.less index cb285f5924..010f0c3f62 100644 --- a/app/styles/_catalog.less +++ b/app/styles/_catalog.less @@ -1,26 +1,6 @@ @bind-service-page-height: 310px; -@bind-service-wizard-min-external-height: 300px; @landing-search-area-height: 52px; -.bind-service-config { - padding: 0 (@grid-gutter-width / 2); - width: 100%; - @media (min-width: @screen-sm-min) { - margin-bottom: -(@grid-gutter-width / 2); - margin-top: -(@grid-gutter-width / 2); - overflow-y: auto; - padding-right: 0; - .scroll-shadows-vertical(65%, 0.25); - _::-webkit-full-page-media, _:future, :root & { // only target Safari - .scroll-shadows-vertical-with-covers(65%, 0.25); - } - - .form-horizontal .control-label { - padding-right: 0; - } - } -} - .landing { @media(min-width: @screen-sm-min) { top: (@navbar-os-header-height-desktop + @landing-search-area-height); @@ -34,16 +14,9 @@ } } -.wizard-pf-footer.wizard-pf-position-override { - position: relative; -} - .wizard-pf-main.bind-service-wizard-step { @media (min-width: @screen-sm-min) { height: @bind-service-page-height + @grid-gutter-width; - max-height: calc(100vh ~"-" @bind-service-wizard-min-external-height); - min-height: 200px; - overflow-y: auto; } } diff --git a/app/styles/_overlay-forms.less b/app/styles/_overlay-forms.less index 5d5d6cfdfe..0e822d78e2 100644 --- a/app/styles/_overlay-forms.less +++ b/app/styles/_overlay-forms.less @@ -1,19 +1,12 @@ -.order-service-config-single-column { - width: 100%; - @media (min-width: 768px) { - padding-left: 0; - } -} - .wizard-pf-main { .ace_editor.editor { - height: 285px; + height: 265px; .landing-page & { - height: 220px; + height: 200px; } } .deploy-image .empty-state-message { - margin: 30px auto; + margin: 30px auto 0; } } diff --git a/app/views/directives/bind-service.html b/app/views/directives/bind-service.html index 8785367aa1..3d1972d64e 100644 --- a/app/views/directives/bind-service.html +++ b/app/views/directives/bind-service.html @@ -1,6 +1,6 @@
-
+
@@ -37,7 +37,7 @@ ok-to-nav-away="true" allow-click-nav="false">
-
+
-
+
@@ -78,7 +78,7 @@ allow-click-nav="false" prev-enabled="false">
-
+
- + diff --git a/app/views/directives/process-template-dialog.html b/app/views/directives/process-template-dialog.html index 6bd55f11e1..5ea64e202c 100644 --- a/app/views/directives/process-template-dialog.html +++ b/app/views/directives/process-template-dialog.html @@ -1,6 +1,6 @@
-
-
-
- -
-
-
- {{$ctrl.template | displayName}} -
-
- - {{tag}} - -
-
-
-
-

-
-
-
-
-
+
diff --git a/app/views/directives/process-template-dialog/process-template-config.html b/app/views/directives/process-template-dialog/process-template-config.html index 33bb8749d6..182c365d10 100644 --- a/app/views/directives/process-template-dialog/process-template-config.html +++ b/app/views/directives/process-template-dialog/process-template-config.html @@ -1,5 +1,7 @@ -
- - - +
+
+
+ +
+
diff --git a/app/views/directives/process-template-dialog/process-template-info.html b/app/views/directives/process-template-dialog/process-template-info.html new file mode 100644 index 0000000000..1a0d1a5f95 --- /dev/null +++ b/app/views/directives/process-template-dialog/process-template-info.html @@ -0,0 +1,20 @@ +
+
+
+ +
+
+
+ {{$ctrl.template | displayName}} +
+
+ + {{tag}} + +
+
+
+
+

+
+
diff --git a/app/views/directives/process-template-dialog/process-template-results.html b/app/views/directives/process-template-dialog/process-template-results.html index 90e105e2e3..ab4b4151e1 100644 --- a/app/views/directives/process-template-dialog/process-template-results.html +++ b/app/views/directives/process-template-dialog/process-template-results.html @@ -1,6 +1,8 @@ - - +
+ + +
diff --git a/app/views/directives/process-template-dialog/process-template-select.html b/app/views/directives/process-template-dialog/process-template-select.html index 6eb4f701e5..c31498dcaf 100644 --- a/app/views/directives/process-template-dialog/process-template-select.html +++ b/app/views/directives/process-template-dialog/process-template-select.html @@ -1,39 +1,41 @@ -
-
-

Select from Project

- - - {{$select.selected | displayName}} - - - - - – - - - - -
- - -
-
- - -
- -
-
- -
-
- {{item.name}} -
- +
+
+
+

Select from Project

+ + + {{$select.selected | displayName}} + + + + + – + + + + +
+ + +
+
+ + +
+ +
+
+ +
+
+ {{item.name}} +
+ +
diff --git a/app/views/directives/resource-service-bindings.html b/app/views/directives/resource-service-bindings.html index 0240b77e12..813ae6f18c 100644 --- a/app/views/directives/resource-service-bindings.html +++ b/app/views/directives/resource-service-bindings.html @@ -24,7 +24,7 @@

Bindings

There are no service bindings.
- + diff --git a/app/views/directives/unbind-service.html b/app/views/directives/unbind-service.html index 957fec4bec..3fd4eb7380 100644 --- a/app/views/directives/unbind-service.html +++ b/app/views/directives/unbind-service.html @@ -1,6 +1,6 @@
- + diff --git a/app/views/overview/_list-row.html b/app/views/overview/_list-row.html index f158afab14..2a3881de66 100644 --- a/app/views/overview/_list-row.html +++ b/app/views/overview/_list-row.html @@ -13,7 +13,7 @@
- +
- +
\n" + - "\n" + + "\n" + "\n" + "
\n" + "
\n" + @@ -6244,10 +6244,10 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( $templateCache.put('views/directives/deploy-image-dialog.html', - "\n" + + "\n" + "\n" + "
\n" + - "
\n" + + "
\n" + "
\n" + "
\n" + "\n" + @@ -6258,7 +6258,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "\n" + "\n" + "
\n" + - "
\n" + + "
\n" + "
\n" + "\n" + "\n" + @@ -6981,10 +6981,10 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( $templateCache.put('views/directives/from-file-dialog.html', - "\n" + + "\n" + "\n" + "
\n" + - "
\n" + + "
\n" + "
\n" + "\n" + "\n" + @@ -7029,7 +7029,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "\n" + "\n" + "
\n" + - "
\n" + + "
\n" + "
\n" + "\n" + "\n" + @@ -7145,7 +7145,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "
\n" + "
\n" + "\n" + - "\n" + + "\n" + "\n" + "\n" + "\n" + @@ -8801,13 +8801,33 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( $templateCache.put('views/directives/process-template-dialog.html', "
\n" + - "\n" + + "\n" + "\n" + "
\n" + - "
\n" + + "
\n" + + "
\n" + + "\n" + + "\n" + + "
" + ); + + + $templateCache.put('views/directives/process-template-dialog/process-template-config.html', + "
\n" + + "
\n" + + "\n" + + "\n" + + "\n" + + "
\n" + + "
" + ); + + + $templateCache.put('views/directives/process-template-dialog/process-template-info.html', + "
\n" + "
\n" + "
\n" + - "\n" + + "\n" + "
\n" + "
\n" + "
\n" + @@ -8823,33 +8843,20 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "
\n" + "

\n" + "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "\n" + - "\n" + - "
" - ); - - - $templateCache.put('views/directives/process-template-dialog/process-template-config.html', - "
\n" + - "
\n" + - "\n" + - "
\n" + "
" ); $templateCache.put('views/directives/process-template-dialog/process-template-results.html', + "
\n" + "\n" + - "" + "\n" + + "
" ); $templateCache.put('views/directives/process-template-dialog/process-template-select.html', + "
\n" + "
\n" + "
\n" + "

Select from Project

\n" + @@ -8884,6 +8891,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "\n" + "
\n" + "
\n" + + "
\n" + "
" ); @@ -8964,7 +8972,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "There are no service bindings.\n" + "
\n" + "
\n" + - "\n" + + "\n" + "\n" + "" ); @@ -9154,7 +9162,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( $templateCache.put('views/directives/unbind-service.html', "
\n" + - "\n" + + "\n" + "\n" + "
\n" + "
\n" + @@ -10297,7 +10305,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( $templateCache.put('views/landing-page.html', "
\n" + "
\n" + - "\n" + + "\n" + "\n" + "\n" + "\n" + @@ -12081,7 +12089,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "
\n" + "
\n" + "
\n" + - "\n" + + "\n" + "
\n" + "\n" + "
\n" + @@ -12454,7 +12462,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function( "
\n" + "
\n" + "
\n" + - "\n" + + "\n" + "
\n" + "\n" + "
\n" + diff --git a/dist/scripts/vendor.js b/dist/scripts/vendor.js index 20e8ce6178..20f4f99ede 100644 --- a/dist/scripts/vendor.js +++ b/dist/scripts/vendor.js @@ -47921,7 +47921,7 @@ var r = e.data(this, "treeview"); }(jQuery, window, document), function(e) { "use strict"; var t = { -version: "3.27.3" +version: "3.27.4" }; t.pfBreakpoints = { tablet: 768, @@ -77179,21 +77179,25 @@ e.exports = $; }, function(e, t) {}, function(e, t) { e.exports = '\n \n \n \n \n
\n
\n {{match.label}}\n
\n
\n \n {{tag}}\n \n
\n
\n \n {{match.model.text}}\n \n \n {{match.model.text}} \n \n\n'; }, function(e, t) { -e.exports = '\n\n'; +e.exports = '
\n \n \n
\n'; }, function(e, t) { -e.exports = '
\n
\n
\n \n \n \n {{$select.selected.name}}\n \n \n {{tag.name}}\n \n — {{otherTag}},\n \n \n \n
\n \n
\n \n
\n \n \x3c!-- Wait until users leave the field to avoid flashing errors as they type. --\x3e\n
\n
\n \n Application name is required.\n \n
\n
\n \n Application name consists of lower-case letters, numbers, and dashes. It must start with a letter and can\'t end with a -.\n \n
\n
\n \n Application name must be at least 2 characters.\n \n
\n
\n \n Application name can\'t be more than 24 characters.\n \n
\n
\n
\n
\n\n
\n \n
\n \n
\n Try Sample Repository\n \n
\n
\n \n Git repository is required.\n \n
\n
\n \n This might not be a valid Git URL. Check that it is the correct URL to a remote Git repository.\n \n
\n
\n
\n\n \x3c!--\n Only show the link for existing projects. It will be broken for new\n projects. Use class `invisible` when the project list is still loading\n so the dialog doesn\'t resize.\n --\x3e\n
\n If you have a private Git repository or need to change application defaults, view\n advanced options.\n
\n
\n
\n'; +e.exports = '
\n
\n
\n
\n \n \n \n {{$select.selected.name}}\n \n \n {{tag.name}}\n \n — {{otherTag}},\n \n \n \n
\n \n
\n \n
\n \n \x3c!-- Wait until users leave the field to avoid flashing errors as they type. --\x3e\n
\n
\n \n Application name is required.\n \n
\n
\n \n Application name consists of lower-case letters, numbers, and dashes. It must start with a letter and can\'t end with a -.\n \n
\n
\n \n Application name must be at least 2 characters.\n \n
\n
\n \n Application name can\'t be more than 24 characters.\n \n
\n
\n
\n
\n\n
\n \n
\n \n
\n Try Sample Repository\n \n
\n
\n \n Git repository is required.\n \n
\n
\n \n This might not be a valid Git URL. Check that it is the correct URL to a remote Git repository.\n \n
\n
\n
\n\n \x3c!--\n Only show the link for existing projects. It will be broken for new\n projects. Use class `invisible` when the project list is still loading\n so the dialog doesn\'t resize.\n --\x3e\n
\n If you have a private Git repository or need to change application defaults, view\n advanced options.\n
\n
\n
\n
\n'; }, function(e, t) { -e.exports = '
\n

\n \n

\n

\n The application is being created\n

\n
\n
\n
\n \n Success\n

\n \n {{$ctrl.name}} has been created in {{$ctrl.selectedProject.metadata.name}} successfully\n \n

\n
\n
\n
\n \n \n
\n
\n

\n Continue to your project to check the status of your application as it builds and deploys.\n

\n
\n
\n
\n \n

\n Error creating {{$ctrl.name}} in\n {{$ctrl.selectedProject | displayName}}\n

\n
\n
\n \n {{$ctrl.error.data.message | upperFirst}}\n \n \n An error occurred creating the application.\n \n
\n \x3c!-- TODO: Improve error message presentation --\x3e\n
    \n
  • \n {{failure.data.message}}\n
    • \n
\n
\n
\n View Project\n
\n'; +e.exports = '
\n
\n
\n \n
\n
\n
\n {{$ctrl.imageStream.name}}\n {{$ctrl.istag.name}}\n
\n
\n \n {{tag}}\n \n
\n
\n
\n
\n

\n

\n Sample Repository:\n \x3c!-- TODO: Use Git link filter, needs to be added to origin-web-common --\x3e\n \n

\n
\n
\n'; }, function(e, t) { -e.exports = '
\n
\n \n \n \n
\n'; +e.exports = '
\n
\n

\n \n

\n

\n The application is being created\n

\n
\n
\n
\n \n Success\n

\n \n {{$ctrl.name}} has been created in {{$ctrl.selectedProject.metadata.name}} successfully\n \n

\n
\n
\n
\n \n \n
\n
\n

\n Continue to your project to check the status of your application as it builds and deploys.\n

\n
\n
\n
\n \n

\n Error creating {{$ctrl.name}} in\n {{$ctrl.selectedProject | displayName}}\n

\n
\n
\n \n {{$ctrl.error.data.message | upperFirst}}\n \n \n An error occurred creating the application.\n \n
\n \x3c!-- TODO: Improve error message presentation --\x3e\n
    \n
  • \n {{failure.data.message}}\n
    • \n
\n
\n
\n View Project\n
\n
\n'; }, function(e, t) { -e.exports = '\n\n'; +e.exports = '
\n
\n
\n \n \n \n
\n
\n'; }, function(e, t) { -e.exports = '
\n
\n \n \n \n \n
\n {{$ctrl.error}}\n
\n
\n'; +e.exports = '
\n \n \n
\n'; }, function(e, t) { -e.exports = '
\n
\n

Select a Plan

\n
\n \n
\n
\n
\n'; +e.exports = '
\n
\n
\n \n \n \n \n
\n {{$ctrl.error}}\n
\n
\n
\n'; }, function(e, t) { -e.exports = '
\n
\n

\n \n

\n

\n The service is being provisioned\n

\n
\n
\n
\n
\n \n

\n Error provisioning {{$ctrl.serviceClass.name}} in\n {{$ctrl.projectDisplayName}}\n

\n
\n
\n \n {{$ctrl.error.message}}\n \n \n An error occurred provisioning the service.\n \n
\n
\n
\n
\n \n Success\n

\n \n {{$ctrl.serviceInstance.metadata.name}} has been added to {{$ctrl.projectDisplayName}} successfully\n \n

\n
\n
\n
\n \n \n
\n
\n \n Info\n Continue to your project to bind this service to your application. Binding this service creates a secret containing the information necessary for your application to use the service.\n
\n
\n View Project\n
\n'; +e.exports = '
\n
\n
\n \n \n
\n
\n
\n {{$ctrl.serviceName}}\n
\n
\n \n {{tag}}\n \n
\n
\n Learn More \n Get Support \n
\n
\n
\n
\n

\n \n Plan {{$ctrl.selectedPlan.externalMetadata.displayName}}\n –\n \n {{$ctrl.selectedPlan.description}}\n

\n

\n

\n
\n
\n'; +}, function(e, t) { +e.exports = '
\n
\n
\n

Select a Plan

\n
\n \n
\n
\n
\n
\n'; +}, function(e, t) { +e.exports = '
\n
\n
\n

\n \n

\n

\n The service is being provisioned\n

\n
\n
\n
\n
\n \n

\n Error provisioning {{$ctrl.serviceClass.name}} in\n {{$ctrl.projectDisplayName}}\n

\n
\n
\n \n {{$ctrl.error.message}}\n \n \n An error occurred provisioning the service.\n \n
\n
\n
\n
\n \n Success\n

\n \n {{$ctrl.serviceInstance.metadata.name}} has been added to {{$ctrl.projectDisplayName}} successfully\n \n

\n
\n
\n
\n \n \n
\n
\n \n Info\n Continue to your project to bind this service to your application. Binding this service creates a secret containing the information necessary for your application to use the service.\n
\n
\n View Project\n
\n
\n'; }, function(e, t) { e.exports = '
\n \n
    \n
  1. \n \n
    2. \n
\n
\n
\n\n \n
\n
\n'; }, function(e, t) { @@ -77207,7 +77211,7 @@ e.exports = '
\n
\n
\n
\n \n \n \n \n Clear Search Input\n \n \n
\n
\n
\n
\n'; }, function(e, t) { -e.exports = '
\n \n \n
\n
\n
\n
\n \n
\n
\n
\n {{$ctrl.imageStream.name}}\n {{$ctrl.istag.name}}\n
\n
\n \n {{tag}}\n \n
\n
\n
\n
\n

\n

\n Sample Repository:\n \x3c!-- TODO: Use Git link filter, needs to be added to origin-web-common --\x3e\n \n

\n
\n
\n
\n
\n
\n
\n \n \n
\n'; +e.exports = '
\n \n \n
\n
\n
\n
\n
\n \n \n
\n'; }, function(e, t) { -e.exports = '
\n
\n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n'; +e.exports = '
\n
\n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n'; }, function(e, t) { -e.exports = '
\n \n \n
\n
\n
\n
\n \n \n
\n
\n
\n {{$ctrl.serviceName}}\n
\n
\n \n {{tag}}\n \n
\n
\n Learn More \n
\n
\n
\n
\n

\n \n Plan {{$ctrl.selectedPlan.externalMetadata.displayName}}\n –\n \n {{$ctrl.selectedPlan.description}}\n

\n

\n

\n
\n
\n
\n
\n
\n
\n \n \n
\n'; +e.exports = '
\n \n \n
\n
\n
\n \n \n
\n'; }, function(e, t) { -e.exports = '\n'; +e.exports = '\n'; }, function(e, t) { e.exports = '\n
\n \n \n \n \n

Getting Started

\n

\n My Projects\n

\n
\n \n A cluster admin can create a project for you by running the command:\n
\n oc adm new-project <projectname> --admin={{$ctrl.user.metadata.name || \'<YourUsername>\'}}\n
\n \n \n
\n
\n

\n The complete list of your projects could not be loaded. Type a project name to go to that project.\n

\n
\n
\n \n
\n \n \n \n \n
\n
\n
\n
\n
\n
\n {{$ctrl.projects.length}}\n of\n {{$ctrl.totalProjects}}\n Projects\n View All\n
\n
\n
\n
\n \n \n
\n

\n {{project | displayName}}\n \n

\n

\n –\n created\n by \n \n

\n
\n \n
\n \n \n \n
\n
\n
\n
\n
\n

Getting Started

\n \n
\n
\n \n
\n
\n
\n

Recently Viewed

\n
\n \n
\n \n
\n
\n \n
\n \n \n
\n
\n
\n'; }, function(e, t) { @@ -78256,11 +78259,13 @@ r.$inject = [ "$rootScope", "$scope", "$q", "Catalog", "KeywordService" ], t.Cat }, function(e, t, n) { "use strict"; t.__esModule = !0; -var i = n(1), r = n(0), o = n(57), a = function() { +var i = n(1), r = n(0), o = n(59), a = function() { function e(e, t, n, i, o, a, s, l, c, u, d) { var h = this; this.ctrl = this, this.watches = [], this.clearValidityWatcher = function() { h.validityWatcher && (h.validityWatcher(), h.validityWatcher = void 0); +}, this.showInfo = function() { +h.clearValidityWatcher(), h.ctrl.nextTitle = "Next >"; }, this.showConfig = function() { h.clearValidityWatcher(), h.ctrl.nextTitle = h.bindStep.hidden ? "Create" : "Next >", h.reviewStep.allowed = h.bindStep.hidden && h.configStep.valid, h.validityWatcher = h.$scope.$watch("$ctrl.builderForm.$valid", function(e, t) { h.configStep.valid = e; @@ -78288,7 +78293,16 @@ return h.BindingService.isServiceBindable(e, h.ctrl.serviceClasses); } return e.prototype.$onInit = function() { var e = this; -this.configStep = { +this.infoStep = { +label: "Information", +id: "info", +view: "create-from-builder/create-from-builder-info.html", +valid: !0, +allowed: !0, +hidden: !1, +allowClickNav: !0, +onShow: this.showInfo +}, this.configStep = { label: "Configuration", id: "configure", view: "create-from-builder/create-from-builder-configure.html", @@ -78316,7 +78330,7 @@ hidden: !1, prevEnabled: !1, allowClickNav: !1, onShow: this.showResults -}, this.ctrl.steps = [ this.configStep, this.bindStep, this.reviewStep ], this.ctrl.versions = this.getVersions(), this.ctrl.istag = r.head(this.ctrl.versions), this.ctrl.nameMaxLength = 24, this.ctrl.namePattern = /^[a-z]([-a-z0-9]*[a-z0-9])?$/, this.ctrl.repositoryPattern = /^[a-z][a-z0-9+.-@]*:(\/\/)?[0-9a-z_-]+/, this.ctrl.wizardDone = !1, this.ctrl.serviceToBind = null, this.ctrl.updating = !1, this.ctrl.serviceInstances = [], this.selectedProjectWatch = this.$scope.$watch(function() { +}, this.ctrl.steps = [ this.infoStep, this.configStep, this.bindStep, this.reviewStep ], this.ctrl.versions = this.getVersions(), this.ctrl.istag = r.head(this.ctrl.versions), this.ctrl.nameMaxLength = 24, this.ctrl.namePattern = /^[a-z]([-a-z0-9]*[a-z0-9])?$/, this.ctrl.repositoryPattern = /^[a-z][a-z0-9+.-@]*:(\/\/)?[0-9a-z_-]+/, this.ctrl.wizardDone = !1, this.ctrl.serviceToBind = null, this.ctrl.updating = !1, this.ctrl.serviceInstances = [], this.selectedProjectWatch = this.$scope.$watch(function() { return e.ctrl.selectedProject; }, this.onProjectUpdate), this.getServiceClasses(), this.instancesSupported = !!this.APIService.apiInfo({ group: "servicecatalog.k8s.io", @@ -78468,6 +78482,8 @@ function e(e, t, n, i, o, a, s, l, c, u) { var d = this; this.ctrl = this, this.watches = [], this.clearValidityWatcher = function() { d.validityWatcher && (d.validityWatcher(), d.validityWatcher = void 0), d.ctrl.reviewStep.allowed = !1; +}, this.showInfo = function() { +d.clearValidityWatcher(), d.ctrl.configPageShown = !1, d.ctrl.nextTitle = "Next >"; }, this.showPlan = function() { d.clearValidityWatcher(), d.ctrl.configPageShown = !1, d.ctrl.nextTitle = "Next >"; }, this.showConfig = function() { @@ -78517,7 +78533,16 @@ status: "True" } return e.prototype.$onInit = function() { var e = this; -this.ctrl.iconClass = this.ctrl.serviceClass.iconClass || "fa fa-clone", this.ctrl.imageUrl = this.ctrl.serviceClass.imageUrl, this.ctrl.serviceName = this.ctrl.serviceClass.name, this.ctrl.description = this.ctrl.serviceClass.description, this.ctrl.longDescription = this.ctrl.serviceClass.longDescription, this.ctrl.plans = r.get(this, "ctrl.serviceClass.resource.plans", []), this.ctrl.applications = [], this.ctrl.parameterData = {}, this.ctrl.bindParameterData = {}, this.ctrl.forms = {}, this.ctrl.appToBind = null, this.ctrl.configStepValid = !0, this.planStep = { +this.ctrl.iconClass = this.ctrl.serviceClass.iconClass || "fa fa-clone", this.ctrl.imageUrl = this.ctrl.serviceClass.imageUrl, this.ctrl.serviceName = this.ctrl.serviceClass.name, this.ctrl.description = this.ctrl.serviceClass.description, this.ctrl.longDescription = this.ctrl.serviceClass.longDescription, this.ctrl.plans = r.get(this, "ctrl.serviceClass.resource.plans", []), this.ctrl.applications = [], this.ctrl.parameterData = {}, this.ctrl.bindParameterData = {}, this.ctrl.forms = {}, this.ctrl.appToBind = null, this.ctrl.configStepValid = !0, this.infoStep = { +id: "info", +label: "Information", +view: "order-service/order-service-info.html", +valid: !0, +allowed: !0, +hidden: !1, +allowClickNav: !0, +onShow: this.showInfo +}, this.planStep = { id: "plans", label: "Plan", view: "order-service/order-service-plans.html", @@ -78563,7 +78588,7 @@ valid: !0, prevEnabled: !1, allowClickNav: !1, onShow: this.showResults -}, this.ctrl.steps = [ this.planStep, this.configStep, this.bindStep, this.bindParametersStep, this.reviewStep ], this.ctrl.nameTaken = !1, this.ctrl.wizardDone = !1, this.ctrl.bindType = "none", this.selectPlan(r.head(this.ctrl.plans)), this.ctrl.planIndex = 0, this.ctrl.updating = !0, this.selectedProjectWatch = this.$scope.$watch(function() { +}, this.ctrl.steps = [ this.infoStep, this.planStep, this.configStep, this.bindStep, this.bindParametersStep, this.reviewStep ], this.ctrl.nameTaken = !1, this.ctrl.wizardDone = !1, this.ctrl.bindType = "none", this.selectPlan(r.head(this.ctrl.plans)), this.ctrl.planIndex = 0, this.ctrl.updating = !0, this.selectedProjectWatch = this.$scope.$watch(function() { return e.ctrl.selectedProject; }, this.onProjectUpdate), this.bindTypeWatch = this.$scope.$watch("$ctrl.bindType", function(t, n) { t !== n && (e.updateBindParametersStepVisibility(), e.ctrl.nextTitle = e.bindParametersStep.hidden ? "Create" : "Next >", e.reviewStep.allowed = e.bindParametersStep.hidden && e.bindStep.valid); @@ -78979,9 +79004,9 @@ e.exports = URI; "use strict"; t.__esModule = !0; var i = n(1); -n(3), n(29); -var r = n(30), o = n(31), a = n(32), s = n(19), l = n(20), c = n(33), u = n(21), d = n(22), h = n(23), f = n(24), p = n(25), g = n(26), m = n(27), v = n(28), b = n(34), y = n(18); +n(3), n(31); +var r = n(32), o = n(33), a = n(34), s = n(21), l = n(22), c = n(35), u = n(23), d = n(24), h = n(25), f = n(26), p = n(27), g = n(28), m = n(29), v = n(30), b = n(36), y = n(20); t.webCatalog = "webCatalog", i.module(t.webCatalog, [ "patternfly", "ngAnimate", "ui.bootstrap", "angularMoment", "ui.select", "schemaForm" ]).service("BuilderAppService", a.BuilderAppService).service("Catalog", c.CatalogService).service("RecentlyViewedServiceItems", b.RecentlyViewedServiceItems).filter("projectUrl", r.projectUrlFilter).filter("secretUrl", o.secretUrlFilter).component("catalogParameters", s.catalogParameters).component("catalogSearch", l.catalogSearch).component("createFromBuilder", u.createFromBuilder).component("landingPage", d.landingPage).component("orderService", h.orderService).component("overlayPanel", f.overlayPanel).component("projectsSummary", p.projectsSummary).component("saasList", g.saasList).component("selectProject", m.selectProject).component("servicesView", v.servicesView).component("catalogFilter", y.catalogFilter).run([ "$templateCache", function(e) { -e.put("catalog-search/catalog-search-result.html", n(4)), e.put("create-from-builder/create-from-builder-configure.html", n(6)), e.put("create-from-builder/create-from-builder-bind.html", n(5)), e.put("create-from-builder/create-from-builder-results.html", n(7)), e.put("order-service/order-service-plans.html", n(11)), e.put("order-service/order-service-configure.html", n(10)), e.put("order-service/order-service-bind.html", n(9)), e.put("order-service/order-service-bind-parameters.html", n(8)), e.put("order-service/order-service-review.html", n(12)), e.put("decorators/bootstrap/array.html", n(13)), e.put("decorators/bootstrap/checkbox.html", n(14)), e.put("decorators/bootstrap/checkboxes.html", n(15)), e.put("decorators/bootstrap/default.html", n(16)), e.put("decorators/bootstrap/select.html", n(17)); +e.put("catalog-search/catalog-search-result.html", n(4)), e.put("create-from-builder/create-from-builder-info.html", n(7)), e.put("create-from-builder/create-from-builder-configure.html", n(6)), e.put("create-from-builder/create-from-builder-bind.html", n(5)), e.put("create-from-builder/create-from-builder-results.html", n(8)), e.put("order-service/order-service-info.html", n(12)), e.put("order-service/order-service-plans.html", n(13)), e.put("order-service/order-service-configure.html", n(11)), e.put("order-service/order-service-bind.html", n(10)), e.put("order-service/order-service-bind-parameters.html", n(9)), e.put("order-service/order-service-review.html", n(14)), e.put("decorators/bootstrap/array.html", n(15)), e.put("decorators/bootstrap/checkbox.html", n(16)), e.put("decorators/bootstrap/checkboxes.html", n(17)), e.put("decorators/bootstrap/default.html", n(18)), e.put("decorators/bootstrap/select.html", n(19)); } ]); -} ], [ 58 ]); \ No newline at end of file +} ], [ 60 ]); \ No newline at end of file diff --git a/dist/styles/main.css b/dist/styles/main.css index 0a016e0813..12d758ae66 100644 --- a/dist/styles/main.css +++ b/dist/styles/main.css @@ -3,7 +3,6 @@ body,figure{margin:0} .text-left,caption,th{text-align:left} .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px} .c3 svg,html{-webkit-tap-highlight-color:transparent} -.list-view-pf-top-align .list-view-pf-actions,.list-view-pf-top-align .list-view-pf-checkbox{align-self:flex-start} .fa,.font-icon,.glyphicon{-moz-osx-font-smoothing:grayscale} @font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../styles/fonts/OpenSans-Light-webfont.eot);src:local("Open Sans Light"),local("OpenSans-Light"),url(../styles/fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../styles/fonts/OpenSans-Light-webfont.woff2) format("woff2"),url(../styles/fonts/OpenSans-Light-webfont.woff) format("woff"),url(../styles/fonts/OpenSans-Light-webfont.ttf) format("truetype"),url(../styles/fonts/OpenSans-Light-webfont.svg#OpenSans) format("svg")} @font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../styles/fonts/OpenSans-Regular-webfont.eot);src:local("Open Sans"),local("OpenSans"),url(../styles/fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../styles/fonts/OpenSans-Regular-webfont.woff2) format("woff2"),url(../styles/fonts/OpenSans-Regular-webfont.woff) format("woff"),url(../styles/fonts/OpenSans-Regular-webfont.ttf) format("truetype"),url(../styles/fonts/OpenSans-Regular-webfont.svg#OpenSans) format("svg")} @@ -767,6 +766,7 @@ select[multiple].input-lg,textarea.input-lg{height:auto} .form-horizontal .form-group-sm .control-label{padding-top:3px;font-size:11px} } .btn{display:inline-block;margin-bottom:0;font-weight:600;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:2px 6px;font-size:13px;line-height:1.66666667;border-radius:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +.bootstrap-switch,.datepicker table{-webkit-user-select:none;-moz-user-select:none} .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:dotted thin!important;outline:-webkit-focus-ring-color auto 5px!important;outline-offset:-2px!important} .btn.focus,.btn:focus,.btn:hover{color:#4d5258;text-decoration:none} .btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} @@ -2375,7 +2375,7 @@ td>.progress:first-child:last-child{margin-bottom:0;margin-top:3px} .datepicker-dropdown.datepicker-orient-bottom:after{top:-6px} .datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #bbb} .datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff} -.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +.datepicker table{margin:0;-webkit-touch-callout:none;-khtml-user-select:none;-ms-user-select:none;user-select:none} .datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border:none} .datepicker table tr td.new,.datepicker table tr td.old{color:#9c9c9c} .datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#f1f1f1;cursor:pointer} @@ -2511,7 +2511,8 @@ select.bs-select-hidden,select.selectpicker{display:none!important} .bs-donebutton .btn-group button{width:100%} .bs-searchbox+.bs-actionsbox{padding:0 8px 4px} .bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} -.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:1px;border:1px solid #bbb;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} +.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:1px;border:1px solid #bbb;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} +.c3 text,.log-line-number{-moz-user-select:none;-webkit-user-select:none} .bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:1px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block!important;height:100%;padding:2px 6px;font-size:13px;line-height:21px} .ie9.layout-pf-alt-fixed .nav-pf-vertical-alt,.ie9.layout-pf-fixed .nav-pf-secondary-nav,.ie9.layout-pf-fixed .nav-pf-tertiary-nav,.ie9.layout-pf-fixed .nav-pf-vertical,.list-group-item-header{box-sizing:content-box} @@ -2545,7 +2546,7 @@ select.bs-select-hidden,select.selectpicker{display:none!important} .bootstrap-touchspin .input-group-btn-vertical i{position:absolute;font-weight:400} .c3 svg{font:10px sans-serif} .c3 line,.c3 path{fill:none;stroke:#000} -.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none} +.c3 text{user-select:none} .c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges} .c3-chart-arc text{fill:#fff;font-size:13px} .c3-grid text{fill:#aaa} @@ -3144,6 +3145,7 @@ a.disabled{color:#8b8d8f;cursor:not-allowed;text-decoration:none} } .list-view-pf-actions{float:right;margin-bottom:20px;margin-left:20px;margin-top:20px;order:2} .list-view-pf-actions .dropdown-kebab-pf,.list-view-pf-actions button,.list-view-pf-actions>a{margin-left:10px} +.list-view-pf-top-align .list-view-pf-actions{align-self:flex-start} .list-view-pf-additional-info{align-items:center;display:flex;flex-wrap:wrap} @media (min-width:992px){.list-view-pf-additional-info{flex:1 0 auto;float:left;width:50%} } @@ -3158,6 +3160,7 @@ a.disabled{color:#8b8d8f;cursor:not-allowed;text-decoration:none} @media (min-width:992px){.list-view-pf-body{align-items:center;display:flex;flex-direction:row} } .list-view-pf-checkbox{border-right:1px solid #d1d1d1;float:left;margin-right:15px;padding:3px 10px 3px 0} +.list-view-pf-top-align .list-view-pf-checkbox{align-self:flex-start} .list-view-pf-stacked .list-view-pf-description{display:block;flex:none} @media (min-width:992px){.list-view-pf-description{align-items:center;display:flex;float:left;width:50%} } @@ -3349,6 +3352,7 @@ a.disabled{color:#8b8d8f;cursor:not-allowed;text-decoration:none} .navbar-pf-vertical .nav .nav-item-iconic:focus,.navbar-pf-vertical .nav .nav-item-iconic:hover{color:#fff;background-color:transparent} .navbar-pf-vertical .nav .nav-item-iconic:focus .caret,.navbar-pf-vertical .nav .nav-item-iconic:focus .fa,.navbar-pf-vertical .nav .nav-item-iconic:focus .glyphicon,.navbar-pf-vertical .nav .nav-item-iconic:focus .pficon,.navbar-pf-vertical .nav .nav-item-iconic:hover .caret,.navbar-pf-vertical .nav .nav-item-iconic:hover .fa,.navbar-pf-vertical .nav .nav-item-iconic:hover .glyphicon,.navbar-pf-vertical .nav .nav-item-iconic:hover .pficon{color:#fff} .navbar-pf-vertical .nav .nav-item-iconic .badge{background-color:#0088ce;border-radius:20px;color:#fff;cursor:pointer;font-size:10px;font-weight:700;margin-top:-15px;margin-left:-12px;padding:2px 4px;min-width:10px;min-height:10px} +.bind-form .bind-choice strong,.delete-resource-modal h1,.toast-notifications-list-pf,.word-break{word-wrap:break-word;min-width:0} .navbar-pf-vertical .nav .nav-item-iconic .caret,.navbar-pf-vertical .nav .nav-item-iconic .fa,.navbar-pf-vertical .nav .nav-item-iconic .pficon{color:#d1d1d1;font-size:17px} .navbar-pf-vertical .nav .nav-item-iconic .caret{font-size:13px;width:auto} .navbar-pf-vertical .nav .open>.nav-item-iconic,.navbar-pf-vertical .nav .open>.nav-item-iconic:focus,.navbar-pf-vertical .nav .open>.nav-item-iconic:hover{background:0 0} @@ -3803,12 +3807,11 @@ table.dataTable thead .sorting_asc:after{content:"\f106";top:-3px} .force-hide-secondary-nav-pf .nav-pf-secondary-nav,.force-hide-secondary-nav-pf .nav-pf-tertiary-nav{display:none!important} .nav-pf-vertical.transitions{transition:width .1s} .nav-pf-vertical.transitions .nav-pf-secondary-nav,.nav-pf-vertical.transitions .nav-pf-tertiary-nav{transition:visibility .1s,opacity .1s linear} -.wizard-pf{margin:0 auto;max-height:900px;padding:10px;width:auto} +.wizard-pf{padding:10px;margin:0 auto;max-height:900px;width:auto} .wizard-pf .modal-content{min-height:100%} -.wizard-pf-body{padding:0;position:static;background:#fff} -@media (max-width:480px){.wizard-pf-sidebar{display:none} -} -@media (min-width:480px){.wizard-pf-sidebar{background:#fafafa;border-right:1px solid #d1d1d1;flex:0 0 auto;overflow-x:hidden;overflow-y:auto} +.wizard-pf-body{background:#fff;padding:0;position:static} +.wizard-pf-sidebar{background:#fafafa;border-right:1px solid #d1d1d1;display:none} +@media (min-width:768px){.wizard-pf-sidebar{display:inherit;flex:0 0 auto;overflow-x:hidden;overflow-y:auto} .wizard-pf-sidebar .list-group{border-top:0;margin-bottom:0} .wizard-pf-sidebar .list-group-item{background-color:transparent;border-color:#ededed;padding:0} .wizard-pf-sidebar .list-group-item>a{color:#030303;cursor:pointer;display:block;font-size:14px;font-weight:700;height:50px;outline:0;padding-top:11px;padding-left:20px;position:relative;white-space:nowrap;width:14em} @@ -3816,43 +3819,40 @@ table.dataTable thead .sorting_asc:after{content:"\f106";top:-3px} .wizard-pf-sidebar .list-group-item.active{background-color:#ededed} .wizard-pf-sidebar .list-group-item.active:hover{border-color:#ededed} .wizard-pf-sidebar .list-group-item.active>a{color:#39a5dc;cursor:default} -.wizard-pf-sidebar .list-group-item.active>a:before{background:#39a5dc;content:" ";height:100%;left:0;position:absolute;top:0;width:3px} +.wizard-pf-sidebar .list-group-item.active>a:before{content:" ";background:#39a5dc;height:100%;left:0;position:absolute;top:0;width:3px} .wizard-pf-sidebar .list-group-item.active>a:after{color:#39a5dc;content:"\f105";display:block;font-family:FontAwesome;font-size:24px;font-weight:500;line-height:30px;padding-top:10px;position:absolute;right:23px;top:0} } .wizard-pf-substep-number{width:25px} .wizard-pf-substep-title{text-align:left} .wizard-pf-steps{border-bottom:solid 1px #d1d1d1} -.wizard-pf-steps-indicator{font-size:18px;display:inline-block;display:flex;list-style:none} -@media (min-width:480px){.wizard-pf-steps{text-align:center} -.wizard-pf-steps-indicator{height:120px;padding:38px 0 0;justify-content:space-around} -.wizard-pf-steps-indicator li:not(.active){display:block} +.wizard-pf-steps-indicator{background:#ededed;border-top:1px solid #d1d1d1;display:inline-block;display:flex;font-size:18px;list-style:none;margin-bottom:0;padding:15px 0} +@media (min-width:768px){.wizard-pf-steps{text-align:center} +.wizard-pf-steps-indicator{background:#fff;height:120px;padding:38px 0 0;justify-content:space-around} } -@media (max-width:480px){.wizard-pf-steps-indicator{padding:15px 0;margin-bottom:0;background:#ededed;border-top:1px solid #d1d1d1} +.wizard-pf-steps-indicator li{counter-increment:section;float:left;flex-grow:1;flex-basis:0;line-height:15px;margin:0;padding:0;position:relative;text-align:center} .wizard-pf-steps-indicator li:not(.active){display:none} +@media (min-width:768px){.wizard-pf-steps-indicator li:not(.active){display:block} } -.wizard-pf-steps-indicator li{counter-increment:section;float:left;flex-grow:1;flex-basis:0;line-height:15px;margin:0;padding:0;position:relative;text-align:center} -@media (max-width:480px){.wizard-pf-steps-indicator li a{display:flex;align-items:center;font-weight:700} +.wizard-pf-steps-indicator li a{align-items:center;display:flex;font-weight:700} .wizard-pf-steps-indicator li a .wizard-pf-step-title{margin-left:10px} .wizard-pf-steps-indicator li a .wizard-pf-step-title-substep{font-weight:400;margin-left:10px;text-transform:capitalize} .wizard-pf-steps-indicator li a .wizard-pf-step-title-substep:before{content:"\00BB";font-size:20px;margin-right:10px} .wizard-pf-steps-indicator li a .wizard-pf-step-title-substep:not(.active){display:none} -} -@media (min-width:480px){.wizard-pf-steps-indicator li .wizard-pf-step-title-substep{display:none} +@media (min-width:768px){.wizard-pf-steps-indicator li a{font-weight:400;justify-content:center} +.wizard-pf-steps-indicator li .wizard-pf-step-title-substep{display:none} .wizard-pf-steps-indicator li:before{background-color:#bbb;content:"";height:2px;left:0;position:absolute;right:0;top:40px} .wizard-pf-steps-indicator li:first-child:before{left:50%;right:0} .wizard-pf-steps-indicator li:last-child:before{left:0;right:50%} .wizard-pf-steps-indicator li:only-of-type:before{background-color:transparent} -.wizard-pf-steps-indicator .wizard-pf-step-number{position:absolute;top:27px;left:calc(50% - 13px)} +.wizard-pf-steps-indicator .wizard-pf-step-number{left:calc(50% - 13px);position:absolute;top:27px} } -.wizard-pf-steps-indicator li a{color:#030303;font-size:16px;cursor:pointer;margin-left:1em;margin-right:1em;text-decoration:none} +.wizard-pf-steps-indicator li a{color:#030303;cursor:pointer;font-size:16px;margin-left:1em;margin-right:1em;text-decoration:none} .wizard-pf-steps-indicator li a:hover .wizard-pf-step-number{background-color:#bbb;border-color:#bbb;color:#fff} .wizard-pf-steps-indicator .wizard-pf-step-number{background-color:#fff;border-radius:50%;border:2px solid #bbb;color:#bbb;font-weight:700;height:25px;line-height:22px;width:25px} -.wizard-pf-steps-indicator .active .wizard-pf-step-number{cursor:default;background-color:#39a5dc;border-color:#39a5dc;color:#fff} -.wizard-pf-steps-indicator .viewed-pf .wizard-pf-step-number{background-color:#fff;border-color:#39a5dc;color:#030303} -.wizard-pf-main{height:100%;overflow:auto;vertical-align:top} -@media (min-width:480px){.wizard-pf-main{padding:3em;flex:1 1 auto} -} -@media (max-width:480px){.wizard-pf-main{padding:1em;width:100%} +.wizard-pf-steps-indicator .active .wizard-pf-step-number{background-color:#39a5dc;border-color:#39a5dc;cursor:default;color:#fff} +.wizard-pf-steps-indicator .viewed-pf .wizard-pf-step-number{color:#030303;background-color:#fff;border-color:#39a5dc} +.wizard-pf-main{height:100%;padding:1em;vertical-align:top;width:100%} +@media (min-width:768px){.wizard-pf-main{overflow:auto;padding:3em;flex:1 1 auto} } .wizard-pf-review-steps>ul>li>a,.wizard-pf-review-substeps>ul>li a{color:#030303;cursor:pointer;padding-right:5px;transition:250ms;text-decoration:none} .wizard-pf-main .blank-slate-pf{background-color:transparent;border:none;left:0;right:0} @@ -3878,9 +3878,9 @@ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left,div.hopscotch-bubble .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field:last-of-type{margin-bottom:0} .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field.sub-field{margin-left:10px} .wizard-pf-success-icon{color:#3f9c35;font-size:72.8px;line-height:72.8px} -.wizard-pf-footer{border-top:1px solid #d1d1d1;margin-top:0;padding-bottom:17px;background:#fff} +.wizard-pf-footer{background:#fff;border-top:1px solid #d1d1d1;margin-top:0;padding-bottom:17px} .wizard-pf-footer .btn-cancel{margin-right:25px} -@media (min-width:480px){.wizard-pf-row{width:100%;display:flex;height:900px;max-height:65vh} +@media (min-width:768px){.wizard-pf-row{display:flex;width:100%;height:900px;max-height:65vh} } @media (min-width:992px){.wizard-pf{padding:30px 0;width:900px} .wizard-pf-sidebar .list-group-item>a{width:18em} @@ -3957,7 +3957,7 @@ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left,div.hopscotch-bubble .bind-form .bind-description{padding-left:20px} .bind-form .bind-choice{margin-top:10px} .bind-form .bind-choice:first-of-type{margin-top:0} -.bind-form .bind-choice strong{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0} +.bind-form .bind-choice strong{word-break:break-word;overflow-wrap:break-word} .bind-form .help-block.service-instance-name{display:inline-block;margin-top:0} .bind-form .radio label[disabled]{cursor:not-allowed} .bind-info{margin-bottom:20px;margin-top:30px} @@ -3971,7 +3971,7 @@ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left,div.hopscotch-bubble .bind-pending-message{margin-top:15px} .bind-pending-message.progress-inline{margin-top:0} .delete-resource-modal{background-color:#f1f1f1} -.delete-resource-modal h1{font-size:21px;font-weight:500;margin-bottom:20px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0} +.delete-resource-modal h1{font-size:21px;font-weight:500;margin-bottom:20px;word-break:break-word;overflow-wrap:break-word} .delete-resource-modal p{font-size:16px} .delete-resource-modal .help-block{margin-top:0px;margin-bottom:10px} .dialog-btn{float:right!important;margin-right:10px} @@ -4008,7 +4008,7 @@ div.hopscotch-bubble .hopscotch-bubble-number{background:#0088ce;border-radius:1 div.hopscotch-bubble .hopscotch-nav-button{border-radius:0;font-family:"Open Sans";font-size:12px} div.hopscotch-bubble .hopscotch-nav-button.next{background-color:#0088ce;background-image:none;margin-left:5px} div.hopscotch-bubble .hopscotch-nav-button.prev{color:#030303} -.word-break{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0} +.word-break{word-break:break-word;overflow-wrap:break-word} .word-break-all{word-break:break-all;word-break:break-word;overflow-wrap:break-word} .origin-modal-popup{background-color:#fff;bottom:0;color:#363636;left:0;position:fixed;padding:0 20px 20px;right:0;top:0;z-index:1050} @media (min-width:768px){.origin-modal-popup{border:1px solid #bbb;bottom:auto;box-shadow:0 6px 12px rgba(0,0,0,.175);left:auto;margin-top:15px;right:auto;top:auto} @@ -4027,7 +4027,7 @@ div.hopscotch-bubble .hopscotch-nav-button.prev{color:#030303} .toast-action-divider{color:#9c9c9c} .toast-notification-details .truncated-content{white-space:pre-line} .toast-notification-message{font-weight:700;margin-right:5px} -.toast-notifications-list-pf{top:28px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0;z-index:1055} +.toast-notifications-list-pf{top:28px;word-break:break-word;overflow-wrap:break-word;z-index:1055} @media (max-width:767px){.toast-notifications-list-pf{max-width:calc(100% - 40px)} } .toast-notifications-list-pf>div.ng-enter{animation:toastSlideIn .2s ease-out} @@ -4108,7 +4108,6 @@ div.hopscotch-bubble .hopscotch-nav-button.prev{color:#030303} } @media (min-width:1600px){.landing-side-bar{width:475px} } -.order-service-details{flex:0 1 auto;padding:0 20px} .order-service-details .order-service-details-top{align-items:center;display:flex} .order-service-details .order-service-details-top .service-icon{margin-right:15px} .order-service-details .order-service-details-top .service-icon .icon{font-size:60px} @@ -4117,26 +4116,18 @@ div.hopscotch-bubble .hopscotch-nav-button.prev{color:#030303} .order-service-details .order-service-details-top .service-icon .image img{max-height:60px;max-width:60px} } .order-service-details .order-service-details-top .service-title{font-size:18px;font-weight:600;display:-webkit-box;line-height:1.4em;max-height:4.2em;overflow:hidden;padding:0!important;-webkit-box-orient:vertical;-webkit-line-clamp:3} +.order-service-config .review-message strong,.order-service-details .order-service-details-top .service-title-area{overflow-wrap:break-word;min-width:0;word-break:break-word;word-wrap:break-word} @media (min-width:450px){.order-service-details .order-service-details-top .service-title{font-size:22px} } -.order-service-details .order-service-details-top .service-title-area{flex:1 1 0%;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0} +.order-service-details .order-service-details-top .service-title-area{flex:1 1 0%} .order-service-details .order-service-details-top .sub-title{font-size:20px;font-weight:600;color:#72767b} .order-service-details .order-service-description-block{margin-top:15px} -.order-service-details .order-service-description-block .description{display:-webkit-box;line-height:1.66666667;max-height:8.33333335em;overflow:hidden;padding:0!important;-webkit-box-orient:vertical;-webkit-line-clamp:5;white-space:pre-wrap} +.order-service-details .order-service-description-block .description{white-space:pre-wrap} .order-service-details .order-service-description-block .learn-more-link{font-size:11px;white-space:nowrap} .order-service-details .order-service-documentation-url{margin-top:4px} +.order-service-details .order-service-documentation-url a{margin-right:10px} .order-service-details .order-service-tags{margin-top:5px} .order-service-details .order-service-tags .tag{margin-right:5px;text-transform:uppercase} -.order-service-config{padding:0 20px} -@media (min-width:768px){.order-service-details{border-right:1px solid #bbb;width:50%} -.order-service-config{margin-bottom:-20px;margin-top:-20px;overflow-y:auto;padding-right:0;background-attachment:scroll;background-image:radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 6px;width:50%} -.order-service-config _::-webkit-full-page-media,.order-service-config _:future,:root .order-service-config{background-attachment:local,local,scroll,scroll;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%),radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px,100% 12px,100% 6px,100% 6px} -.order-service-config .config-top{flex:1 1 auto} -} -.order-service-config h3{line-height:1.4;margin-top:0} -.order-service-config h3+.alert{margin-top:20px} -.order-service-config .select-plans .plan-name{display:inline-block;font-size:14px;margin-bottom:5px;margin-top:-2px} -.order-service-config .select-plans .radio{margin-top:15px} .order-service-config .config-top .adv-ops{height:30%} .order-service-config .config-top .adv-ops-href{cursor:pointer;font-size:14px} .order-service-config .config-top .adv-ops-href::after{content:'\f105';font-family:FontAwesome;padding-left:10px} @@ -4146,46 +4137,43 @@ div.hopscotch-bubble .hopscotch-nav-button.prev{color:#030303} .order-service-config .footer-panel{padding-top:10px;text-align:center} .order-service-config .footer-panel a{color:#fff} .order-service-config .footer-panel a:hover{color:#fff;text-decoration:none} +.order-service-config h3{line-height:1.4;margin-top:0} +.order-service-config h3+.alert{margin-top:20px} +.order-service-config .select-plans .plan-name{display:inline-block;font-size:14px;margin-bottom:5px;margin-top:-2px} +.order-service-config .select-plans .radio{margin-top:15px} .order-service-config .sub-title{margin:-5px 0 10px 25px} .order-service-config .success-check{color:#3f9c35} .order-service-config .related-services-container{background-color:#ededed;margin-top:62px;padding:14px;display:flex;align-items:center} .order-service-config .related-services-container .related-services-label{font-size:14px;font-weight:600;padding-right:14px} .order-service-config .related-services-container .related-services-row .card{background-color:#fff;border:1px solid #bbb;float:right;margin-right:6px;padding:11px} .order-service-config .review-message{padding-left:10px} -.order-service-config .review-message strong{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0} .order-service-config .review-status{display:flex;font-size:16px} .order-service-config .review-status .pficon{margin-top:3px} .order-service-config .review-status .spinner.spinner-sm{height:16px;margin:3px 0 0;width:16px} -@media (min-width:768px){.order-service-wizard-step.wizard-pf-main{height:450px;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto} -} -.order-service-wizard-step.wizard-pf-main .schema-form-fieldset{margin-bottom:40px;margin-top:40px} -.order-service-wizard-step.wizard-pf-main .schema-form-fieldset legend{border-bottom:none;border-top:solid 1px rgba(0,0,0,.15);margin-bottom:10px;padding-top:20px} +.order-service-wizard-step .schema-form-fieldset{margin-bottom:40px;margin-top:40px} +.order-service-wizard-step .schema-form-fieldset legend{border-bottom:none;border-top:solid 1px rgba(0,0,0,.15);margin-bottom:10px;padding-top:20px} body.overlay-open,body.overlay-open .landing,body.overlay-open .landing-side-bar{overflow:hidden} .catalogs-overlay-modal{display:block} .catalogs-overlay-modal .modal-backdrop.ng-enter{animation:modalBackdropIn .15s ease-out forwards} .catalogs-overlay-modal .modal-backdrop.ng-leave{animation:modalBackdropOut .45s ease-out forwards} -.catalogs-overlay-panel{background:#fff;color:#363636;border:1px solid rgba(0,0,0,.2);box-shadow:0 3px 9px rgba(0,0,0,.5);margin:0 auto;max-width:1200px;position:relative} -.catalogs-overlay-panel.catalogs-overlay-panel-single-column{max-width:800px} -.catalogs-overlay-panel .wizard-pf-main{padding:0} -@media (max-width:767px){.order-service-config{position:relative} -.catalogs-overlay-panel .wizard-pf-main{max-height:calc(100vh - 191px);background-attachment:scroll;background-image:radial-gradient(ellipse at top,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 75%),radial-gradient(ellipse at bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 75%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 6px} -} -@media (min-width:768px){.catalogs-overlay-panel .wizard-pf-contents{display:flex;flex:1 1 auto;width:100%} -.catalogs-overlay-panel .wizard-pf-main{display:flex} -.catalogs-overlay-panel .wizard-pf-main-form-contents{min-height:100%;padding:20px 40px 20px 20px;position:relative;background-attachment:local;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px} -.catalogs-overlay-panel .wizard-pf-main-form-contents _::-webkit-full-page-media,.catalogs-overlay-panel .wizard-pf-main-form-contents _:future,:root .catalogs-overlay-panel .wizard-pf-main-form-contents{background:0 0} -} -.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers{padding:20px} -@media (max-width:767px){.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers{overflow-y:auto;background-attachment:local;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px} -} -@media (min-width:768px){.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers{display:flex;flex:1 1 auto;overflow:hidden;padding-right:0} +.catalogs-overlay-panel{margin:0 auto;max-width:900px;position:relative} +.catalogs-overlay-panel .wizard-pf-contents{flex:1 1 auto} +.catalogs-overlay-panel .wizard-pf-main{display:flex;overflow-y:auto;padding:0;background-attachment:scroll;background-image:radial-gradient(ellipse at top,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 75%),radial-gradient(ellipse at bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 75%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 6px} +.catalogs-overlay-panel .wizard-pf-main _::-webkit-full-page-media,.catalogs-overlay-panel .wizard-pf-main _:future,:root .catalogs-overlay-panel .wizard-pf-main{background-attachment:local,local,scroll,scroll;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%),radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px,100% 12px,100% 6px,100% 6px} +@media (max-width:767px){.catalogs-overlay-panel .wizard-pf-main{max-height:calc(100vh - 234px)} +} +@media (min-width:768px){.catalogs-overlay-panel .wizard-pf-main{height:450px;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto} +} +.catalogs-overlay-panel .wizard-pf-main-form-contents{position:relative} +.catalogs-overlay-panel .wizard-pf-main-form-contents label.required:before{left:-10px} +.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers{min-height:100%;padding:20px;background-attachment:local;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px} +.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers _::-webkit-full-page-media,.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers _:future,:root .catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers{background:0 0} +@media (min-width:768px){.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers{padding-left:40px;padding-right:40px} .catalog-edit-project .origin-modal-popup{margin-left:5px;margin-top:-25px} } .catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers input.form-control,.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers textarea.form-control{background-color:transparent} .catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers input.form-control[disabled],.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers input.form-control[readonly],.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers textarea.form-control[disabled],.catalogs-overlay-panel .wizard-pf-main-inner-shadow-covers textarea.form-control[readonly]{background-color:rgba(234,234,234,.5)} .catalogs-overlay-panel .wizard-pf-row{max-height:none} -@media (max-width:768px){.catalogs-overlay-panel .wizard-pf-steps-indicator{border-top:0;padding-right:40px} -} .catalogs-overlay-panel-close{color:#72767b;cursor:pointer;font-size:21px;position:absolute;right:20px;top:15px} .catalogs-overlay-panel-close.pficon-close{color:#72767b;cursor:pointer} .catalogs-overlay-panel-close .pficon-close:hover.disabled,.catalogs-overlay-panel-close.pficon-close.disabled{color:#bbb;cursor:not-allowed} @@ -4408,7 +4396,6 @@ copy-to-clipboard .input-group.limit-width{max-width:300px} .copy-to-clipboard-multiline{display:block;overflow-x:auto} .copy-to-clipboard-multiline a{box-shadow:none;position:absolute;right:0;top:0} .card-pf,.tile{box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09)} -.collapsing,.wizard-pf-footer.wizard-pf-position-override{position:relative} .copy-to-clipboard-multiline pre{background-color:#fff;word-break:normal;word-wrap:normal} .input-group-addon.wildcard-prefix{padding-left:10px} .input-group-btn .btn{line-height:1.6154em} @@ -4420,6 +4407,8 @@ copy-to-clipboard .input-group.limit-width{max-width:300px} .weight-slider-values .weight-percentage{font-size:15px;margin-left:5px} @media (min-width:768px){.weight-slider-values{flex-direction:row;justify-content:space-between} .weight-slider-values .weight-percentage{margin-right:5px} +.landing{top:113px} +.tech-preview .landing{top:133px} } .osc-file-input textarea{margin:5px 0} .health-checks-form .pause-rollouts-checkbox,.set-limits-form .pause-rollouts-checkbox{margin-top:21px} @@ -4437,21 +4426,14 @@ copy-to-clipboard .input-group.limit-width{max-width:300px} .row-cards-pf-flex .card-pf-body-with-version{display:flex;flex-direction:column;justify-content:space-between} .row-cards-pf-flex .card-pf-footer .btn{margin-bottom:10px} .row-cards-pf-flex .card-pf-title{line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis} -.bind-service-config{padding:0 20px;width:100%} -@media (min-width:768px){.bind-service-config{margin-bottom:-20px;margin-top:-20px;overflow-y:auto;padding-right:0;background-attachment:scroll;background-image:radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 6px} -.bind-service-config _::-webkit-full-page-media,.bind-service-config _:future,:root .bind-service-config{background-attachment:local,local,scroll,scroll;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%),radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px,100% 12px,100% 6px,100% 6px} -.bind-service-config .form-horizontal .control-label{padding-right:0} -.landing{top:113px} -.tech-preview .landing{top:133px} -.wizard-pf-main.bind-service-wizard-step{height:350px;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto} -} .landing .nav-tabs,.landing h1{margin-bottom:0!important;margin-top:0!important} -@media (min-width:768px){.catalog-search,.landing-side-bar{top:61px} +@media (min-width:768px){.wizard-pf-main.bind-service-wizard-step{height:350px} +.catalog-search,.landing-side-bar{top:61px} .tech-preview .catalog-search,.tech-preview .landing-side-bar{top:81px} } .collapse{display:none} .collapse.in{display:block} -.collapsing{height:0;overflow:hidden;-webkit-transition:height 150ms ease;-o-transition:height 150ms ease;transition:height 150ms ease} +.collapsing{height:0;overflow:hidden;position:relative;-webkit-transition:height 150ms ease;-o-transition:height 150ms ease;transition:height 150ms ease} .fade-inline.ng-hide{opacity:0} .fade-inline.ng-show{opacity:1} .fade-inline.ng-hide-add,.fade-inline.ng-hide-remove{display:inline-block!important;-webkit-transition:opacity .2s ease .5s;-o-transition:opacity .2s ease .5s;transition:opacity .2s ease .5s} @@ -4968,13 +4950,11 @@ h2+.list-view-pf{margin-top:20px} .navbar-pf-vertical .navbar-iconic>li{display:inline-block} .navbar-pf-vertical .navbar-toggle{margin:13px 15px} .navbar-pf-vertical .navbar-toggle .icon-bar{width:22px} -.order-service-config-single-column{padding-left:0} } -.order-service-config-single-column,.overview .data-toolbar-filter .name-filter form,.overview .data-toolbar-filter .name-filter input{width:100%} .navbar-toggle:focus{color:#fff;outline:dotted thin!important;outline:-webkit-focus-ring-color auto 5px!important;outline-offset:-2px!important} -.wizard-pf-main .ace_editor.editor{height:285px} -.landing-page .wizard-pf-main .ace_editor.editor{height:220px} -.wizard-pf-main .deploy-image .empty-state-message{margin:30px auto} +.wizard-pf-main .ace_editor.editor{height:265px} +.landing-page .wizard-pf-main .ace_editor.editor{height:200px} +.wizard-pf-main .deploy-image .empty-state-message{margin:30px auto 0} .build-count .icon-count,.builds-label{margin-right:5px;display:inline-block} .build-count .builds,.build-count .pipelines{display:block} .build-count .running-stage{font-size:84%;color:#9c9c9c} @@ -5003,6 +4983,7 @@ h2+.list-view-pf{margin-top:20px} .overview .data-toolbar-filter{display:flex} .overview .data-toolbar-filter .label-filter,.overview .data-toolbar-filter .name-filter{flex-grow:1} .overview .data-toolbar-filter .label-filter,.overview .data-toolbar-filter .name-filter input{border-left:0} +.overview .data-toolbar-filter .name-filter form,.overview .data-toolbar-filter .name-filter input{width:100%} .overview .data-toolbar-filter .name-filter input{padding-left:5px} .overview .data-toolbar-filter .ui-select-container{width:100px} .overview .data-toolbar-filter .label-filter-add.btn,.overview .data-toolbar-filter .ui-select-container .ui-select-match .btn{box-shadow:none;-webkit-box-shadow:none} @@ -5725,7 +5706,7 @@ alerts+.chromeless .log-loading-msg{margin-top:130px} .log-line{color:#d1d1d1} .log-line:hover{background-color:#22262b;color:#ededed} .log-line-number:before{content:attr(data-line-number)} -.log-line-number{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-right:1px #272b30 solid;padding-right:10px;vertical-align:top;white-space:nowrap;width:60px;color:#72767b} +.log-line-number{-ms-user-select:none;border-right:1px #272b30 solid;padding-right:10px;vertical-align:top;white-space:nowrap;width:60px;color:#72767b} .log-line-text{padding:0 10px;white-space:pre-wrap;width:100%} .appended-icon,.project-date [am-time-ago],.projects-list [am-time-ago]{white-space:nowrap} .log-line-text::-moz-selection{color:#101214;background:#e5e5e5}