diff --git a/src/core/components/tabs/tabs.scss b/src/core/components/tabs/tabs.scss index ff1c17bfe..4b1ec3b9b 100644 --- a/src/core/components/tabs/tabs.scss +++ b/src/core/components/tabs/tabs.scss @@ -20,9 +20,7 @@ @include safe-area-padding-end(null, 0px); height: var(--height); color: var(--tabs-color); - -webkit-filter: drop-shadow(0px 3px 3px rgba(var(--drop-shadow))); - filter: drop-shadow(0px 3px 3px rgba(var(--drop-shadow))); - border: 0; + border-bottom: 1px solid var(--stroke); display: flex; align-items: flex-end; diff --git a/src/core/features/course/components/module-info/course-module-info.scss b/src/core/features/course/components/module-info/course-module-info.scss index f540001d2..4ded49790 100644 --- a/src/core/features/course/components/module-info/course-module-info.scss +++ b/src/core/features/course/components/module-info/course-module-info.scss @@ -2,7 +2,6 @@ :host { display: block; - box-shadow: 0px 3px 3px rgba(var(--drop-shadow)); margin-bottom: 8px; padding-bottom: 1px; // To allow margins inside. background-color: var(--contrast-background); diff --git a/src/core/features/course/components/module-navigation/module-navigation.scss b/src/core/features/course/components/module-navigation/module-navigation.scss index 4dfc9e0ea..823c18328 100644 --- a/src/core/features/course/components/module-navigation/module-navigation.scss +++ b/src/core/features/course/components/module-navigation/module-navigation.scss @@ -11,7 +11,7 @@ display: block; bottom: 0; z-index: 3; - box-shadow: 0px -3px 3px rgba(var(--drop-shadow)); + border-top: 1px solid var(--stroke); @include core-transition(all, 200ms); diff --git a/src/core/features/mainmenu/components/user-menu-button/user-menu-button.scss b/src/core/features/mainmenu/components/user-menu-button/user-menu-button.scss index 85bb76e70..d9faceaac 100644 --- a/src/core/features/mainmenu/components/user-menu-button/user-menu-button.scss +++ b/src/core/features/mainmenu/components/user-menu-button/user-menu-button.scss @@ -6,12 +6,7 @@ core-user-avatar { display: none; } -:host-context(ion-toolbar) core-user-avatar ::ng-deep img { - padding: 2px !important; - border: 1px solid var(--color); -} - +:host-context(ion-toolbar) core-user-avatar ::ng-deep img, :host-context(ion-tab-bar) core-user-avatar ::ng-deep img { padding: 2px !important; - border: 1px solid var(--color); } diff --git a/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts b/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts index a27782b73..ce23461e3 100644 --- a/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts +++ b/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts @@ -58,7 +58,7 @@ export class CoreMainMenuUserButtonComponent implements OnInit { CoreDomUtils.openSideModal({ component: CoreMainMenuUserMenuComponent, - cssClass: 'core-modal-lateral-sm', + cssClass: 'core-modal-lateral', }); } diff --git a/src/core/features/mainmenu/pages/menu/menu.scss b/src/core/features/mainmenu/pages/menu/menu.scss index b0302fbde..e6e0b7fea 100644 --- a/src/core/features/mainmenu/pages/menu/menu.scss +++ b/src/core/features/mainmenu/pages/menu/menu.scss @@ -5,7 +5,6 @@ ion-tab-bar { height: var(--menutabbar-size); - box-shadow: 0px -3px 3px rgba(var(--drop-shadow)); } @if ($core-always-show-main-menu) { @@ -83,7 +82,6 @@ height: calc(100% - var(--ion-safe-area-top) - var(--ion-safe-area-bottom)); flex-direction: column; @include border-end(var(--border)); - box-shadow: 3px 0 3px rgba(var(--drop-shadow)); border-top: 0; justify-content: flex-start; diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss index 88cdbce8f..d811e2466 100644 --- a/src/theme/theme.light.scss +++ b/src/theme/theme.light.scss @@ -121,8 +121,8 @@ --core-header-toolbar-button-image-size: var(--a11y-min-target-size); --core-header-toolbar-background: var(--white); - --core-header-toolbar-border-width: 3px; - --core-header-toolbar-border-color: var(--brand); + --core-header-toolbar-border-width: 1px; + --core-header-toolbar-border-color: var(--stroke); --core-header-toolbar-color: var(--gray-900); --core-header-toolbar-height: 56px; html.ios { @@ -146,6 +146,10 @@ } } + ion-header::after { + display: none; + } + ion-header.header-ios ion-toolbar:last-of-type { --border-width: 0 0 var(--core-header-toolbar-border-width) 0; } @@ -301,9 +305,6 @@ --drop-shadow: 0, 0, 0, 0.18; - --core-menu-box-shadow-end: -4px 0px 16px rgba(var(--drop-shadow)); - --core-menu-box-shadow-start: 4px 0px 16px rgba(var(--drop-shadow)); - --core-question-correct-color: var(--success-shade); --core-question-correct-color-bg: var(--success-tint); --core-question-incorrect-color: var(--danger);