EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3814 style: Fix some styles

main
Pau Ferrer Ocaña 2022-03-10 10:00:20 +01:00
parent f760560481
commit 031a261bc1
3 changed files with 15 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/core/features/viewer/components/text/text.scss
View File

@ -1,5 +1,3 @@
ion-app.app-root page-core-viewer-text {
ion-footer {
padding: 6px;
}
ion-footer {
padding: 6px;
}

1
src/core/features/viewer/components/text/text.ts
View File

@ -24,6 +24,7 @@ import { ModalController } from '@singletons';
@Component({
selector: 'page-core-viewer-text',
templateUrl: 'text.html',
styleUrls: ['text.scss'],
})
export class CoreViewerTextComponent {

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

@ -152,6 +152,7 @@ ion-toolbar {
// Header.
ion-header {
z-index: 12; // To hide ion-slides on scroll.
--core-header-buttons-background: var(--core-header-toolbar-background);
ion-toolbar {
ion-spinner {
@ -159,26 +160,22 @@ ion-header {
}
ion-back-button,
.in-toolbar.button-clear {
.in-toolbar.button-clear,
.in-toolbar.button-solid,
.button.button-clear,
.button.button-solid {
--color: var(--core-header-toolbar-color);
--background: var(--core-header-toolbar-background);
--background: var(--core-header-buttons-background);
--ion-toolbar-color: var(--core-header-toolbar-color);
--border-radius: var(--huge-radius);
--primary: var(--core-header-toolbar-color);
}
ion-back-button::part(text) {
display: none;
}
.button.button-clear,
.button.button-solid {
--background: var(--core-header-toolbar-background);
--color: var(--core-header-toolbar-color);
--primary: var(--core-header-toolbar-color);
}
.button.button-clear.button-has-icon-only,
.button.button-solid.button-has-icon-only {
--border-radius: var(--huge-radius);
width: var(--a11y-min-target-size);
height: var(--a11y-min-target-size);
ion-icon {
@ -186,7 +183,6 @@ ion-header {
}
}
.core-navbar-button-hidden {
display: none !important;
}
@ -262,6 +258,10 @@ ion-footer ion-toolbar.ion-color-contrast {
background-color: var(--contrast-background);
}
ion-footer {
background-color: var(--contrast-background);
}
// Ionic icon.
ion-icon {
position: relative;
@ -1474,15 +1474,9 @@ ion-header.no-title {
--core-header-toolbar-border-width: 0;
--core-header-toolbar-background: transparent;
--core-header-shadow: none !important;
ion-toolbar .button.button-clear,
ion-toolbar .button.button-solid {
--background: var(--ion-background-color);
}
--core-header-buttons-background: var(--ion-background-color);
}
// To make core-swipe-slides fill the remaining height.
.core-swipe-slides-container {
display: flex;