diff --git a/public/app/core/components/manage_dashboards/manage_dashboards.html b/public/app/core/components/manage_dashboards/manage_dashboards.html index 941c2dfd6a4..6fbd65afaf5 100644 --- a/public/app/core/components/manage_dashboards/manage_dashboards.html +++ b/public/app/core/components/manage_dashboards/manage_dashboards.html @@ -67,7 +67,7 @@
diff --git a/public/app/core/components/search/search_results.html b/public/app/core/components/search/search_results.html index dc5e5b580bb..92850e0ea5d 100644 --- a/public/app/core/components/search/search_results.html +++ b/public/app/core/components/search/search_results.html @@ -1,11 +1,11 @@
-
+
+ switch-class="gf-form-checkbox--transparent">
@@ -21,12 +21,12 @@
-
+
+ switch-class="gf-form-checkbox--transparent">
diff --git a/public/app/plugins/datasource/testdata/datasource.ts b/public/app/plugins/datasource/testdata/datasource.ts index 0197626cd0b..989209792fb 100644 --- a/public/app/plugins/datasource/testdata/datasource.ts +++ b/public/app/plugins/datasource/testdata/datasource.ts @@ -84,6 +84,13 @@ class TestDataDatasource { } return this.$q.when(events); } + + testDatasource() { + return Promise.resolve({ + status: 'success', + message: 'Data source is working', + }); + } } export { TestDataDatasource }; diff --git a/public/sass/components/_dashboard_list.scss b/public/sass/components/_dashboard_list.scss index 51603862db7..03b0e58dd4e 100644 --- a/public/sass/components/_dashboard_list.scss +++ b/public/sass/components/_dashboard_list.scss @@ -12,6 +12,7 @@ height: 35px; display: flex; justify-content: space-between; + align-items: center; .gf-form-button-row { padding-top: 0; diff --git a/public/sass/components/_gf-form.scss b/public/sass/components/_gf-form.scss index 389b5943155..7b6a8584dd5 100644 --- a/public/sass/components/_gf-form.scss +++ b/public/sass/components/_gf-form.scss @@ -141,19 +141,6 @@ $input-border: 1px solid $input-border-color; @include border-radius($label-border-radius-sm); } -.gf-form-checkbox { - flex-shrink: 0; - padding: $input-padding-y $input-padding-x; - line-height: $input-line-height; - - .checkbox-label { - display: inline; - cursor: pointer; - padding: $input-padding-y 0.4rem; - line-height: $input-line-height; - } -} - .gf-form-textarea { max-width: 650px; } diff --git a/public/sass/components/_switch.scss b/public/sass/components/_switch.scss index 4a545b6e73d..bd512676912 100644 --- a/public/sass/components/_switch.scss +++ b/public/sass/components/_switch.scss @@ -78,6 +78,9 @@ input:checked + .gf-form-switch__slider::before { border: 1px solid $input-border-color; border-left: none; border-radius: $input-border-radius; + display: flex; + align-items: center; + justify-content: center; input { opacity: 0; @@ -88,25 +91,14 @@ input:checked + .gf-form-switch__slider::before { &--transparent { background: transparent; border: none; - } - - &--search-result__section { - width: 3.05rem; + width: 20px; height: auto; position: relative; - top: -5px; - left: 3px; - } - - &--search-result__item { - width: 2.7rem; - height: auto; - position: relative; - top: 3px; + padding-left: 7px; } &--table-cell { - width: 40px; + width: 20px; background: transparent; height: auto; border: none; @@ -116,17 +108,14 @@ input:checked + .gf-form-switch__slider::before { } .gf-form-switch__checkbox { - position: absolute; - left: 16px; height: 16px; width: 16px; border-radius: 3px; border: $checkbox-border; background: $checkbox-bg; - top: 8px; display: flex; - justify-content: center; align-items: center; + justify-content: center; } input:checked + .gf-form-switch__checkbox::before { diff --git a/public/sass/utils/_utils.scss b/public/sass/utils/_utils.scss index c8abd696f04..811731660eb 100644 --- a/public/sass/utils/_utils.scss +++ b/public/sass/utils/_utils.scss @@ -82,3 +82,10 @@ button.close { .absolute { position: absolute; } + +.center-vh { + display: flex; + align-items: center; + justify-content: center; + justify-items: center; +}