style fixes for LTI embed views & help page links

ucfopen · Dec 10, 2024 · 28334f4 · 28334f4
1 parent 51d5ef2
commit 28334f4
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 15 deletions.
diff --git a/src/components/help-page.scss b/src/components/help-page.scss
@@ -26,6 +26,12 @@
 			text-align: left;
 			font-size: 14px;
 
+			.navigation {
+				li a {
+					font-weight: 400;
+				}
+			}
+
 			.content {
 				display: flex;
 				align-items: stretch;

diff --git a/src/css/lti.scss b/src/css/lti.scss
@@ -21,6 +21,8 @@ html {
 		min-width: 600px;
 		height: 100%;
 
+		font-weight: 400;
+
 		header {
 			padding: 0;
 			margin: 0 0 2em 0;
@@ -690,6 +692,49 @@ html {
 			margin: 0 auto;
 			width: 500px;
 		}
+		&.darkMode {
+
+			#lti-login-section {
+				color: #fff;
+				background: $color-background-dark;
+			}
+
+			#select-widget section.top-options .search-container {
+				input.textbox {
+					color: #fff;
+				}
+				.textbox-background {
+					background: $color-input-box-bg-dark;
+					border: solid 1px $color-input-box-border-dark;
+
+				}
+			}
+
+			#progress .progress-container {
+				background: $color-input-desc-dark;
+				color: $light-gray;
+				border: solid 1px $extremely-dark-gray;
+			}
+
+			header #logo {
+				background: #1d1f25 url('/img/materia-logo-default-darkmode.svg') 50% 50% no-repeat;
+				background-size: 80px auto;
+
+				border: none;
+				box-shadow: 2px 2px 2px rgba(33,33,33,0.33);
+			}
+
+			#select-widget #list-container ul li {
+
+				h3 {
+					color: $light-gray;
+				}
+
+				&:hover {
+					background: $color-blue-hover-dark;
+				}
+			}
+		}
 	}
 
 	#error-container {
@@ -718,18 +763,3 @@ html {
 		}
 	}
 }
-
-/*
-.arrow {
-  animation: bounce-horizontal 1s ease-in-out infinite;
-}
-
-@keyframes bounce-horizontal {
-  0%, 100% {
-	transform: translateX(0);
-  }
-  50% {
-	transform: translateX(20px);
-  }
-}
-*/