bug fix: about page doesn't work in iOS light mode (#109)

GPlates · Aug 30, 2022 · 0f45777 · 0f45777
1 parent 243975e
commit 0f45777
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 13 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
+android/.idea/
 resources/android/icon
 resources/android/splash
 resources/ios/

diff --git a/src/pages/AboutPage.scss b/src/pages/AboutPage.scss
@@ -15,6 +15,7 @@
   //border-color: var(--ion-color-dark);
   //border-radius: 0.5rem;
   padding: 0 0.5rem;
+  margin-bottom: 40px;
 }
 
 .about-page-intro-text {
@@ -26,3 +27,11 @@
   height: 1rem;
   margin: 0 0 0.6rem 0;
 }
+
+.about-page-copyright {
+  position: absolute;
+  bottom: 20px;
+  right: 5px;
+  font-style: italic;
+  font-size: small;
+}
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
@@ -100,15 +100,7 @@ export const AboutPage: React.FC<ContainerProps> = () => {
           </p>
           <br />
         </div>
-        <div
-          style={{
-            position: 'absolute',
-            bottom: 0,
-            right: 0,
-            fontStyle: 'italic',
-            fontSize: 'small',
-          }}
-        >
+        <div className={'about-page-copyright'}>
           Copyright © 2022 The University of Sydney. All rights reserved.
         </div>
       </IonContent>

diff --git a/src/pages/Main.scss b/src/pages/Main.scss
@@ -1,7 +1,3 @@
-ion-content {
-  --background: black;
-}
-
 /* The animation code */
 @keyframes outline-animation {
   0% {