fix: update wiki and buttons style for accessibility

eduNEXT · Jun 13, 2024 · bec6730 · bec6730
1 parent d83a579
commit bec6730
Show file tree

Hide file tree

Showing 2 changed files with 84 additions and 2 deletions.
diff --git a/edx-platform/bragi-children/css-runtime/lms/static/sass/partials/lms/theme/_buttons.scss b/edx-platform/bragi-children/css-runtime/lms/static/sass/partials/lms/theme/_buttons.scss
@@ -1,5 +1,5 @@
 // Simple Button
-//************************************************************************//
+//***********************************************************************/
 // A bunch of extendable mixins to get the weird login buttons to work
 
 %btn {
@@ -234,7 +234,7 @@ a.btn-flat {
 
 .xblock {
   .btn-brand:not(:disabled), .xblock .btn-primary:not(:disabled) {
-    color: $btn-bg-primary-yiq !important;
+    color: var(--pgn-color-btn-text-primary) !important;
     background-color: $btn-bg-primary !important;
     border-color:$btn-bg-primary !important;
     &:focus,
@@ -351,3 +351,62 @@ button#navmarker {
 .login-register .login-provider {
   width: 50%;
 }
+
+
+.wiki-wrapper section.wiki .btn {
+  border: var(--pgn-size-input-btn-border-width) solid var(--pgn-color-btn-hover-border-outline-primary) !important;
+  border-radius: 3px; 
+  box-shadow: none !important; 
+  color: var(--pgn-color-btn-text-outline-primary) !important;
+  display: inline-block; 
+  font-size: inherit  !important; 
+  font-weight: var(--pgn-typography-btn-font-weight);
+  background-color:var(--pgn-color-btn-bg-outline-primary) !important;
+  background-image: none !important; 
+  padding: 7px 18px; 
+  text-decoration: none !important; 
+  text-shadow: none !important; 
+  background-clip: none !important; 
+
+  &:focus,
+  &:hover,
+  &:hover:not(:disabled) {
+    border: var(--pgn-size-input-btn-border-width) solid var(--pgn-color-btn-hover-border-outline-primary) !important;
+    color: var(--pgn-color-btn-hover-text-outline-primary) !important;
+    text-decoration: none !important;
+    outline: 0;
+    background-image: none !important;
+    box-shadow: $btn-focus-box-shadow !important;
+    background-color:   var(--pgn-color-btn-hover-bg-outline-primary) !important;
+
+  }
+}
+
+.wiki-wrapper section.wiki .btn.btn-primary, 
+.wiki-wrapper section.wiki .btn.btn-brand {
+  border: var(--pgn-size-input-btn-border-width) solid transparent !important;
+    border-radius: 3px; 
+    box-shadow: none !important; 
+    color: var(--pgn-color-btn-text-primary) !important;
+    display: inline-block; 
+    font-size: inherit  !important; 
+    font-weight: var(--pgn-typography-btn-font-weight);
+    background-color:var(--pgn-color-btn-bg-primary) !important;
+    background-image: none !important; 
+    padding: 7px 18px; 
+    text-decoration: none !important; 
+    text-shadow: none !important; 
+    background-clip: none !important; 
+
+
+  &:focus,
+  &:hover,
+  &:hover:not(:disabled) {
+    background-color:   var(--pgn-color-btn-hover-bg-primary) !important;
+    color: var(--pgn-color-btn-hover-text-primary) !important;
+    text-decoration: none !important;
+    outline: 0;
+    background-image: none !important;
+    box-shadow: $btn-focus-box-shadow !important;
+  }
+}
diff --git a/edx-platform/bragi-children/css-runtime/lms/static/sass/partials/lms/theme/_course.scss b/edx-platform/bragi-children/css-runtime/lms/static/sass/partials/lms/theme/_course.scss
@@ -625,3 +625,26 @@ a.ui-slider-handle {
 .openassessment.problem .wrapper--ui-staff .staff-info__student__response .ui-slidable__content div {
   background: var(--pgn-color-white);
 }
+
+/* ========================================================
+  Fixes in wiki styles
+======================================================== */
+
+.wiki-wrapper #main {
+
+  a:not(.btn) {
+    color: var(--pgn-color-link-base) !important;
+
+    &:hover {
+      color: var(--pgn-color-link-hover) !important;
+      text-decoration: none !important;
+    }
+  }
+
+  section.wiki .breadcrumbs-header {
+    padding: 14px 0px;
+    height: fit-content;
+    width: 100%;
+    display: inline-block;
+  }
+}