MOBILE-3039 styles: Improve word wrapping and scroll styles
parent
8d8e8a11b4
commit
57ddf266ce
|
@ -224,6 +224,8 @@ ion-app.app-root {
|
||||||
/** Styles of elements inside the directive should be placed in format-text.scss */
|
/** Styles of elements inside the directive should be placed in format-text.scss */
|
||||||
core-format-text {
|
core-format-text {
|
||||||
user-select: text;
|
user-select: text;
|
||||||
|
word-break: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
|
||||||
&[maxHeight],
|
&[maxHeight],
|
||||||
&[ng-reflect-max-height] {
|
&[ng-reflect-max-height] {
|
||||||
|
@ -939,6 +941,12 @@ ion-app.app-root {
|
||||||
pointer-events: initial;
|
pointer-events: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Avoid scroll bouncing on iOS if disabled.
|
||||||
|
&.disable-scroll .ion-page .content-ios .scroll-content::before,
|
||||||
|
&.disable-scroll .ion-page .content-ios .scroll-content::after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
.core-iframe-offline-disabled {
|
.core-iframe-offline-disabled {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,12 @@
|
||||||
ion-app.app-root core-download-refresh {
|
ion-app.app-root core-download-refresh {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-content: center;
|
||||||
|
min-height: 44px;
|
||||||
|
|
||||||
button, ion-icon {
|
button, ion-icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Reference in New Issue