Style: add border radius to component template selector boxes

elastic · Aug 6, 2020 · e0b9fe1 · e0b9fe1
1 parent 3deccb7
commit e0b9fe1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/...ation/components/component_templates/component_template_selector/component_templates.scss b/...ation/components/component_templates/component_template_selector/component_templates.scss
@@ -8,6 +8,7 @@ $heightHeader: $euiSizeL * 2;
 
 .componentTemplates {
   border: $euiBorderThin;
+  border-radius: $euiBorderRadius;
   border-top: none;
   height: 100%;
 

diff --git a/...ponents/component_templates/component_template_selector/component_templates_selector.scss b/...ponents/component_templates/component_template_selector/component_templates_selector.scss
@@ -7,30 +7,31 @@
 
   &__selection {
     border: $euiBorderThin;
+    border-radius: $euiBorderRadius;
 
-   padding: 0 $euiSize $euiSize;
-   color: $euiColorDarkShade;
+    padding: 0 $euiSize $euiSize;
+    color: $euiColorDarkShade;
 
-   &--is-empty {
-     align-items: center;
-     justify-content: center;
-   }
+    &--is-empty {
+      align-items: center;
+      justify-content: center;
+    }
 
-   &__header {
-    background-color: $euiColorLightestShade;
-    border-bottom: $euiBorderThin;
-    color: $euiColorInk;
-    height: $euiSizeXXL; // [1]
-    line-height: $euiSizeXXL; // [1]
-    font-size: $euiSizeM;
-    margin-bottom: $euiSizeS;
-    margin-left: $euiSize * -1;
-    margin-right: $euiSize * -1;
-    padding-left: $euiSize;
+    &__header {
+      background-color: $euiColorLightestShade;
+      border-bottom: $euiBorderThin;
+      color: $euiColorInk;
+      height: $euiSizeXXL; // [1]
+      line-height: $euiSizeXXL; // [1]
+      font-size: $euiSizeM;
+      margin-bottom: $euiSizeS;
+      margin-left: $euiSize * -1;
+      margin-right: $euiSize * -1;
+      padding-left: $euiSize;
 
-    &__count {
-      font-weight: 600;
-    }
+      &__count {
+        font-weight: 600;
+      }
    }
 
    &__content {