Merge branch 'master' of gitlab.com:really-simple-plugins/really-simple-ssl/really-simple-ssl

Author: ReallySimpleMarcel

assets/css/admin.css

@@ -2182,83 +2182,83 @@ button.button .cmplz-icon.rsssl-icon-loading > div {
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(1) {
-    width: 82%;
+    width: 70%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(2) {
     width: 65%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(3) {
-    width: 83%;
+    width: 86%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(4) {
-    width: 74%;
+    width: 66%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(5) {
-    width: 77%;
+    width: 68%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(6) {
-    width: 91%;
+    width: 70%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(7) {
-    width: 77%;
+    width: 94%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(8) {
-    width: 97%;
+    width: 84%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(9) {
-    width: 82%;
+    width: 89%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(10) {
-    width: 61%;
+    width: 86%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(11) {
-    width: 84%;
+    width: 62%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(12) {
-    width: 91%;
+    width: 94%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(13) {
-    width: 78%;
+    width: 92%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(14) {
-    width: 78%;
+    width: 94%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(15) {
-    width: 75%;
+    width: 81%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(16) {
-    width: 65%;
+    width: 73%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(17) {
-    width: 90%;
+    width: 74%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(18) {
-    width: 65%;
+    width: 84%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(19) {
-    width: 89%;
+    width: 91%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line:nth-of-type(20) {
-    width: 80%;
+    width: 91%;
 }
 
 .rsssl-placeholder .rsssl-placeholder-line ~ .rsssl-placeholder-line {
@@ -2490,7 +2490,7 @@ button.button .cmplz-icon.rsssl-icon-loading > div {
 }
 
 .rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay {
-    z-index: 1;
+    z-index: 18;
     position: absolute;
     display: flex;
     align-items: center;
@@ -2536,7 +2536,7 @@ button.button .cmplz-icon.rsssl-icon-loading > div {
     bottom: 0;
     display: flex;
     flex-direction: column;
-    z-index: 16;
+    z-index: 20;
 }
 
 .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons a.button, .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons button {
@@ -2942,7 +2942,6 @@ html {
 
 .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item .rsssl-grid-item-content {
     padding: var(--rsp-spacing-xs) 0;
-    z-index: 13;
 }
 
 .rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap .rsssl-comment {
@@ -3917,6 +3916,19 @@ a.rsssl-skip-link {
     justify-content: flex-end;
 }
 
+.MuiPopper-root, .MuiPaper-root {
+    max-height: 30px;
+    z-index: 15;
+}
+
+.MuiPopper-root div, .MuiPaper-root div {
+    font-family: inherit !important;
+}
+
+.MuiPopper-root ul, .MuiPaper-root ul {
+    max-height: initial;
+}
+
 .rsssl-modal {
   /* spinner for React Icons */
 }

assets/css/admin.min.css

@@ -18,4 +18,15 @@ a.rsssl-skip-link {
   flex-grow: 1;
   display: flex;
   justify-content: flex-end;
+}
+
+.MuiPopper-root, .MuiPaper-root {
+  max-height:30px;
+  z-index: 15;
+  div {
+    font-family: inherit !important;
+  }
+  ul {
+    max-height:initial;
+  }
 }

assets/css/admin/modules/two-fa.scss

@@ -34,7 +34,7 @@
         display:flex;
       }
       .rsssl-locked-overlay {
-        z-index: 1;
+        z-index: 18;
         position: absolute;
         display: flex;
         align-items: center;
@@ -93,7 +93,7 @@
       bottom: 0;
       display: flex;
       flex-direction: column;
-      z-index: 16; //should be above 10, for the text editor, which has 10.
+      z-index: 20; //should be above 10, for the text editor, which has 10.
 
       .rsssl-grid-item-footer-buttons {
         a.button, button {

assets/css/admin/modules/wizard.scss

@@ -61,7 +61,6 @@ html {
     .rsssl-grid-item{
       .rsssl-grid-item-content{
         padding: var(--rsp-spacing-xs) 0;
-        z-index: 13; // should be higher than footer, which has 12
       }
     }