Skip to content

Commit bc5492d

Browse files
rlankhorstrlankhorst
committed
z- index fixes
1 parent f3934c9 commit bc5492d

File tree

11 files changed

+72
-45
lines changed

11 files changed

+72
-45
lines changed

‎assets/css/admin.css‎

Lines changed: 33 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2182,83 +2182,83 @@ button.button .cmplz-icon.rsssl-icon-loading > div {
21822182
}
21832183

21842184
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(1) {
2185-
width: 68%;
2185+
width: 70%;
21862186
}
21872187

21882188
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(2) {
2189-
width: 94%;
2189+
width: 65%;
21902190
}
21912191

21922192
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(3) {
2193-
width: 65%;
2193+
width: 86%;
21942194
}
21952195

21962196
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(4) {
2197-
width: 79%;
2197+
width: 66%;
21982198
}
21992199

22002200
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(5) {
2201-
width: 94%;
2201+
width: 68%;
22022202
}
22032203

22042204
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(6) {
2205-
width: 66%;
2205+
width: 70%;
22062206
}
22072207

22082208
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(7) {
2209-
width: 64%;
2209+
width: 94%;
22102210
}
22112211

22122212
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(8) {
2213-
width: 74%;
2213+
width: 84%;
22142214
}
22152215

22162216
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(9) {
2217-
width: 86%;
2217+
width: 89%;
22182218
}
22192219

22202220
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(10) {
2221-
width: 81%;
2221+
width: 86%;
22222222
}
22232223

22242224
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(11) {
2225-
width: 76%;
2225+
width: 62%;
22262226
}
22272227

22282228
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(12) {
22292229
width: 94%;
22302230
}
22312231

22322232
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(13) {
2233-
width: 84%;
2233+
width: 92%;
22342234
}
22352235

22362236
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(14) {
2237-
width: 96%;
2237+
width: 94%;
22382238
}
22392239

22402240
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(15) {
22412241
width: 81%;
22422242
}
22432243

22442244
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(16) {
2245-
width: 84%;
2245+
width: 73%;
22462246
}
22472247

22482248
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(17) {
2249-
width: 78%;
2249+
width: 74%;
22502250
}
22512251

22522252
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(18) {
2253-
width: 90%;
2253+
width: 84%;
22542254
}
22552255

22562256
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(19) {
2257-
width: 89%;
2257+
width: 91%;
22582258
}
22592259

22602260
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(20) {
2261-
width: 90%;
2261+
width: 91%;
22622262
}
22632263

22642264
.rsssl-placeholder .rsssl-placeholder-line ~ .rsssl-placeholder-line {
@@ -2490,7 +2490,7 @@ button.button .cmplz-icon.rsssl-icon-loading > div {
24902490
}
24912491

24922492
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay {
2493-
z-index: 1;
2493+
z-index: 18;
24942494
position: absolute;
24952495
display: flex;
24962496
align-items: center;
@@ -2536,7 +2536,7 @@ button.button .cmplz-icon.rsssl-icon-loading > div {
25362536
bottom: 0;
25372537
display: flex;
25382538
flex-direction: column;
2539-
z-index: 16;
2539+
z-index: 20;
25402540
}
25412541

25422542
.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 {
29422942

29432943
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item .rsssl-grid-item-content {
29442944
padding: var(--rsp-spacing-xs) 0;
2945-
z-index: 13;
29462945
}
29472946

29482947
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap .rsssl-comment {
@@ -3917,6 +3916,19 @@ a.rsssl-skip-link {
39173916
justify-content: flex-end;
39183917
}
39193918

3919+
.MuiPopper-root, .MuiPaper-root {
3920+
max-height: 30px;
3921+
z-index: 15;
3922+
}
3923+
3924+
.MuiPopper-root div, .MuiPaper-root div {
3925+
font-family: inherit !important;
3926+
}
3927+
3928+
.MuiPopper-root ul, .MuiPaper-root ul {
3929+
max-height: initial;
3930+
}
3931+
39203932
.rsssl-modal {
39213933
/* spinner for React Icons */
39223934
}

‎assets/css/admin.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

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

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,15 @@ a.rsssl-skip-link {
1818
flex-grow: 1;
1919
display: flex;
2020
justify-content: flex-end;
21+
}
22+
23+
.MuiPopper-root, .MuiPaper-root {
24+
max-height:30px;
25+
z-index: 15;
26+
div {
27+
font-family: inherit !important;
28+
}
29+
ul {
30+
max-height:initial;
31+
}
2132
}

‎assets/css/admin/modules/wizard.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
display:flex;
3535
}
3636
.rsssl-locked-overlay {
37-
z-index: 1;
37+
z-index: 18;
3838
position: absolute;
3939
display: flex;
4040
align-items: center;
@@ -93,7 +93,7 @@
9393
bottom: 0;
9494
display: flex;
9595
flex-direction: column;
96-
z-index: 16; //should be above 10, for the text editor, which has 10.
96+
z-index: 20; //should be above 10, for the text editor, which has 10.
9797

9898
.rsssl-grid-item-footer-buttons {
9999
a.button, button {

‎assets/css/admin/modules/wizard/fields.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,6 @@ html {
6161
.rsssl-grid-item{
6262
.rsssl-grid-item-content{
6363
padding: var(--rsp-spacing-xs) 0;
64-
z-index: 13; // should be higher than footer, which has 12
6564
}
6665
}
6766

‎assets/css/rtl/admin.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

settings/build/299.100e0a79e1cbd8686abd.js renamed to settings/build/299.e2c8510f152ca8a880a7.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

settings/build/index.2fedb54eafb2f6454e82.asset.php renamed to settings/build/index.50afff8af9136759c02e.asset.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices'), 'version' => '2fedb54eafb2f6454e82');
1+
<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices'), 'version' => '50afff8af9136759c02e');

settings/build/index.2fedb54eafb2f6454e82.js renamed to settings/build/index.50afff8af9136759c02e.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎settings/src/Settings/RolesDropDown.js‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,12 @@ const RolesDropDown = ({ field }) => {
6969
color: 'initial',
7070
opacity: '1',
7171
},
72-
})
72+
}),
73+
menuList: (provided) => ({
74+
...provided,
75+
height: '125px',
76+
zIndex: 999
77+
}),
7378
};
7479

7580
return (
@@ -94,4 +99,4 @@ const RolesDropDown = ({ field }) => {
9499
);
95100
};
96101

97-
export default RolesDropDown;
102+
export default RolesDropDown;

0 commit comments

Comments
 (0)