MDL-76601 blocks: Always display course card menus

Displaying the course card menu only on hover is bad in terms of accessibility as it prevents keyboard-only users from accessing the menu. So it's better to always display them.
moodle · Jan 4, 2023 · 4662669 · 4662669
1 parent 12e9d9e
commit 4662669
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 45 deletions.
diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
@@ -136,16 +136,6 @@ $card-gutter : $card-deck-margin * 2;
     .progress-text {
         color: $gray-600;
     }
-    .dashboard-card-footer.menu {
-        opacity: 0;
-    }
-    .dashboard-card {
-        @include hover-focus {
-            .dashboard-card-footer.menu {
-                opacity: 1;
-            }
-        }
-    }
     .multiline {
         white-space: normal;
     }
@@ -182,17 +172,6 @@ $card-gutter : $card-deck-margin * 2;
     }
 }
 
-.course-listitem .menu {
-    opacity: 0;
-}
-.course-listitem {
-    @include hover-focus {
-        .menu {
-            opacity: 1;
-        }
-    }
-}
-
 .dashboard-card-deck {
     .dashboard-card {
         margin-bottom: $card-gutter;

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -13103,12 +13103,6 @@ body.dragging .dragging {
 .block .block-cards .progress-text {
   color: #6a737b; }
 
-.block .block-cards .dashboard-card-footer.menu {
-  opacity: 0; }
-
-.block .block-cards .dashboard-card:hover .dashboard-card-footer.menu, .block .block-cards .dashboard-card:focus .dashboard-card-footer.menu {
-  opacity: 1; }
-
 .block .block-cards .multiline {
   white-space: normal; }
 
@@ -13139,12 +13133,6 @@ body.dragging .dragging {
     .dashboard-list-img {
       width: 100%; } }
 
-.course-listitem .menu {
-  opacity: 0; }
-
-.course-listitem:hover .menu, .course-listitem:focus .menu {
-  opacity: 1; }
-
 .dashboard-card-deck .dashboard-card {
   margin-bottom: 0.5rem;
   flex-basis: auto;

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -13103,12 +13103,6 @@ body.dragging .dragging {
 .block .block-cards .progress-text {
   color: #6a737b; }
 
-.block .block-cards .dashboard-card-footer.menu {
-  opacity: 0; }
-
-.block .block-cards .dashboard-card:hover .dashboard-card-footer.menu, .block .block-cards .dashboard-card:focus .dashboard-card-footer.menu {
-  opacity: 1; }
-
 .block .block-cards .multiline {
   white-space: normal; }
 
@@ -13139,12 +13133,6 @@ body.dragging .dragging {
     .dashboard-list-img {
       width: 100%; } }
 
-.course-listitem .menu {
-  opacity: 0; }
-
-.course-listitem:hover .menu, .course-listitem:focus .menu {
-  opacity: 1; }
-
 .dashboard-card-deck .dashboard-card {
   margin-bottom: 0.5rem;
   flex-basis: auto;