GuzhavinAleksey/Vmeda.Online
1
0
Fork 0
forked from CIT/Vmeda.Online
Code Pull Requests Activity

MOBILE-3320 core: Improve search bar styles

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2021-05-27 16:10:43 +02:00
parent 77f969284b
commit bedd6a61e5
3 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/theme/theme.base.scss
View File

@ -477,6 +477,10 @@ ion-card ion-item img.core-module-icon[slot="start"] {
margin-left: 32px; margin-left: 32px;
} }
.core-course-module-handler:not(.addon-mod-label-handler) .item-heading .filter_mathjaxloader_equation * {
display: inline !important;
}
ion-toolbar h1 img.core-bar-button-image, ion-toolbar h1 img.core-bar-button-image,
ion-toolbar h1 .core-bar-button-image img { ion-toolbar h1 .core-bar-button-image img {
padding: 0; padding: 0;
@ -510,6 +514,15 @@ ion-select::part(text) {
white-space: normal; white-space: normal;
} }
ion-searchbar {
.searchbar-search-icon.ios {
top: 4px;
}
.searchbar-search-icon.md {
top: 12px;
}
}
// File uploader. // File uploader.
.action-sheet-button input.core-fileuploader-file-handler-input { .action-sheet-button input.core-fileuploader-file-handler-input {
position: absolute; position: absolute;
@ -605,7 +618,6 @@ ion-back-button.md::part(text) {
display: none; display: none;
} }
.core-media-adapt-width { .core-media-adapt-width {
max-width: 100%; max-width: 100%;
} }

7
src/theme/theme.dark.scss
View File

@ -79,10 +79,9 @@
--core-tab-border-color: #{$core-tab-border-color-dark}; --core-tab-border-color: #{$core-tab-border-color-dark};
--core-tab-color-active: #{$core-tab-color-active-dark}; --core-tab-color-active: #{$core-tab-color-active-dark};
--core-tab-border-color-active: #{$core-tab-border-color-active-dark}; --core-tab-border-color-active: #{$core-tab-border-color-active-dark};
core-progress-bar {
--color: #{$core-progressbar-color-dark}; --core-progressbar-color: #{$core-progressbar-color-dark};
--text-color: #{$core-progressbar-text-color-dark}; --core-progressbar-text-color: #{$core-progressbar-text-color-dark};
}
--ion-item-background: #{$ion-item-background-dark}; --ion-item-background: #{$ion-item-background-dark};
--ion-item-detail-icon-color: var(--white); --ion-item-detail-icon-color: var(--white);

19
src/theme/theme.light.scss
View File

@ -121,6 +121,13 @@
} }
} }
ion-searchbar {
--background: var(--ion-item-background);
.searchbar-input {
height: var(--a11y-min-target-size);
}
}
ion-action-sheet { ion-action-sheet {
--button-color-selected: #{$action-sheet-selected}; --button-color-selected: #{$action-sheet-selected};
--title-border-color: var(--gray); --title-border-color: var(--gray);
@ -161,11 +168,15 @@
--color: var(--ion-color-primary); --color: var(--ion-color-primary);
} }
--core-progressbar-height: #{$core-progressbar-height};
--core-progressbar-color: #{$core-progressbar-color};
--core-progressbar-text-color: #{$core-progressbar-text-color};
--core-progressbar-background: #{$core-progressbar-background};
core-progress-bar { core-progress-bar {
--height: #{$core-progressbar-height}; --height: var(--core-progressbar-height);
--color: #{$core-progressbar-color}; --color: var(--core-progressbar-color);
--text-color: #{$core-progressbar-text-color}; --text-color: var(--core-progressbar-text-color);
--background: #{$core-progressbar-background}; --background: var(--core-progressbar-background);
} }
core-block-course-blocks { core-block-course-blocks {