MOBILE-4362 styles: Improve some radius

moodlehq · Oct 6, 2023 · b39bd13 · b39bd13
1 parent a12d5ef
commit b39bd13
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/core/features/block/components/block/block.scss b/src/core/features/block/components/block/block.scss
@@ -4,6 +4,10 @@
     flex-direction: column;
     background: var(--background);
 
+    ion-card {
+        --border-radius: var(--radius-sm);
+    }
+
     ::ng-deep ion-item-divider {
         min-height: var(--item-divider-min-height);
     }

diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
@@ -1236,13 +1236,16 @@ ion-chip {
 
 ion-searchbar {
     height: var(--height) !important;
+    --border-radius: var(--radius-xs);
 
     .searchbar-input-container {
         color: var(--color) !important;
         height: var(--height) !important;
     }
 
     .searchbar-input {
+        --border-radius: var(--radius-xs);
+
         height: var(--height) !important;
         border: 1px solid var(--border-color) !important;
         box-shadow: none !important;