From 7c77694fe36b4214f4822352fe6d596dad04646a Mon Sep 17 00:00:00 2001 From: Taylor Dolan Date: Mon, 27 Mar 2017 17:25:20 -0700 Subject: [PATCH 1/2] add empty state --- client/assets/styles/scss/layout/instances-list.scss | 6 ++++++ client/directives/navBar/composeCard/viewComposeCard.jade | 5 +++++ 2 files changed, 11 insertions(+) diff --git a/client/assets/styles/scss/layout/instances-list.scss b/client/assets/styles/scss/layout/instances-list.scss index 6148ac165..77ed0442d 100644 --- a/client/assets/styles/scss/layout/instances-list.scss +++ b/client/assets/styles/scss/layout/instances-list.scss @@ -95,6 +95,12 @@ } } +// empty state +.spinner-wrapper { + margin-top: $xxs; + padding: $xxs; +} + .nav-card-header { align-items: center; border: 1px solid transparent; diff --git a/client/directives/navBar/composeCard/viewComposeCard.jade b/client/directives/navBar/composeCard/viewComposeCard.jade index 2aa9b92b2..77f5c80fe 100644 --- a/client/directives/navBar/composeCard/viewComposeCard.jade +++ b/client/directives/navBar/composeCard/viewComposeCard.jade @@ -21,6 +21,11 @@ a.nav-card-header( use( xlink:href = "#icons-gear" ) +//- empty state +//- section.nav-card-section + .spinner-wrapper.spinner-sm.spinner-gray( + ng-include = "'spinner'" + ) //- staging environment section.nav-card-section( ng-include = "'viewStagingEnvironment'" From d8a37ad9cad574c37616730234f81c51c41bca63 Mon Sep 17 00:00:00 2001 From: Taylor Dolan Date: Mon, 27 Mar 2017 17:29:02 -0700 Subject: [PATCH 2/2] use classes for spinner margin and padding --- client/assets/styles/scss/layout/instances-list.scss | 6 ------ client/directives/navBar/composeCard/viewComposeCard.jade | 2 +- 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/client/assets/styles/scss/layout/instances-list.scss b/client/assets/styles/scss/layout/instances-list.scss index 77ed0442d..6148ac165 100644 --- a/client/assets/styles/scss/layout/instances-list.scss +++ b/client/assets/styles/scss/layout/instances-list.scss @@ -95,12 +95,6 @@ } } -// empty state -.spinner-wrapper { - margin-top: $xxs; - padding: $xxs; -} - .nav-card-header { align-items: center; border: 1px solid transparent; diff --git a/client/directives/navBar/composeCard/viewComposeCard.jade b/client/directives/navBar/composeCard/viewComposeCard.jade index 77f5c80fe..b3c34cafd 100644 --- a/client/directives/navBar/composeCard/viewComposeCard.jade +++ b/client/directives/navBar/composeCard/viewComposeCard.jade @@ -23,7 +23,7 @@ a.nav-card-header( ) //- empty state //- section.nav-card-section - .spinner-wrapper.spinner-sm.spinner-gray( + .spinner-wrapper.spinner-sm.spinner-gray.padding-top-xxs.margin-xxs( ng-include = "'spinner'" ) //- staging environment