From 1b657bf37d0e6bf3289d54ab20b0e746ceb5ba96 Mon Sep 17 00:00:00 2001 From: Mikey Arce Date: Thu, 2 Feb 2023 15:23:07 -0800 Subject: [PATCH 1/3] Fix students context menu --- assets/css/modules-admin.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/assets/css/modules-admin.css b/assets/css/modules-admin.css index 67b0c31df3..1fcf6ce951 100644 --- a/assets/css/modules-admin.css +++ b/assets/css/modules-admin.css @@ -50,3 +50,20 @@ .chosen-container-multi .chosen-choices li.search-field input[type="text"] { min-height: 25px !important; } + +/* Fixes action menu display in WP 6+ */ +.student-action-menu .components-popover { + opacity: 1; +} + +.student-action-menu .components-popover__content { + left: -185px; +} + +.student-action-menu .components-dropdown-menu__menu { + width: auto; +} + +.student-action-menu .components-popover:not(.is-without-arrow)::after { + content: none; +} From d97fe5143330e3572c422775af20aa119a0ad27b Mon Sep 17 00:00:00 2001 From: Mikey Arce Date: Fri, 3 Feb 2023 10:47:24 -0800 Subject: [PATCH 2/3] Use transform instead of a fixed pixel value --- assets/css/modules-admin.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/modules-admin.css b/assets/css/modules-admin.css index 1fcf6ce951..55a4b480df 100644 --- a/assets/css/modules-admin.css +++ b/assets/css/modules-admin.css @@ -57,7 +57,7 @@ } .student-action-menu .components-popover__content { - left: -185px; + transform:translateX(-90%); } .student-action-menu .components-dropdown-menu__menu { From 0a2b87d9a231ec12b527af5aa584e6e1b92cdf2d Mon Sep 17 00:00:00 2001 From: Mikey Arce Date: Fri, 3 Feb 2023 15:51:29 -0800 Subject: [PATCH 3/3] Fix context menu for mobile screens --- assets/css/modules-admin.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/assets/css/modules-admin.css b/assets/css/modules-admin.css index 55a4b480df..73c32d8788 100644 --- a/assets/css/modules-admin.css +++ b/assets/css/modules-admin.css @@ -67,3 +67,9 @@ .student-action-menu .components-popover:not(.is-without-arrow)::after { content: none; } + +@media screen and (max-width: 782px) { + .wp_list_table_sensei_learner_admins .is-expanded td:not(.hidden) { + overflow: visible; + } +}