jenkins-bot has submitted this change and it was merged.

Change subject: Increase z-index of hovercards from 5 to 110
......................................................................


Increase z-index of hovercards from 5 to 110

Hovercards is currently at 5 z-index which causes
it to be rendered behind the compact personal bar.
Changing this also effects the border triangles and
masked SVGs, thus incrementing them too.

Bug: 72882
Change-Id: Ib3c889c748a9c919754d8281e68fd0664db7c408
---
M resources/ext.popups.core.less
1 file changed, 13 insertions(+), 13 deletions(-)

Approvals:
  Bartosz Dziewoński: Looks good to me, approved
  jenkins-bot: Verified



diff --git a/resources/ext.popups.core.less b/resources/ext.popups.core.less
index 931fc60..0942fb1 100644
--- a/resources/ext.popups.core.less
+++ b/resources/ext.popups.core.less
@@ -28,7 +28,7 @@
 
 .mwe-popups {
        position: absolute;
-       z-index: 5;
+       z-index: 110;
        background: #fff;
        border: 1px solid #bbb;
        padding: 0;
@@ -180,24 +180,24 @@
 
        &.mwe-popups-image-tri {
                &:before {
-                       z-index: 90;
+                       z-index: 111;
                        .mwe-popups-border-triangle-top(9px, 9px, #bbb);
                }
 
                &:after {
                        .mwe-popups-border-triangle-top(8px, 10px, #fff);
-                       z-index: 91;
+                       z-index: 112;
                }
 
                &.flipped_x {
                        &:before {
-                               z-index: 90;
+                               z-index: 111;
                                .mwe-popups-border-triangle-top(9px, 273px, 
#bbb);
                        }
 
                        &:after {
                                .mwe-popups-border-triangle-top(8px, 273px, 
#fff);
-                               z-index: 91;
+                               z-index: 112;
                        }
                }
 
@@ -209,7 +209,7 @@
                > div > a > svg {
                        margin-top: -8px;
                        position: absolute;
-                       z-index: 100;
+                       z-index: 113;
                        /* @noflip */
                        left: 0;
                }
@@ -219,7 +219,7 @@
                min-height: 242px;
 
                &:before {
-                       z-index: 90;
+                       z-index: 111;
                        .mwe-popups-border-triangle-top(9px, 420px, #bbb);
                }
 
@@ -228,7 +228,7 @@
                        margin-top: -8px;
                        margin-bottom: -7px;
                        position: absolute;
-                       z-index: 100;
+                       z-index: 113;
                        /* @noflip */
                        right: 0;
                }
@@ -236,31 +236,31 @@
 
        &.flipped_x_y {
                &:before {
-                       z-index: 90;
+                       z-index: 111;
                        .mwe-popups-border-triangle-bottom(9px, 272px, #bbb);
                }
 
                &:after {
                        .mwe-popups-border-triangle-bottom(8px, 273px, #fff);
-                       z-index: 91;
+                       z-index: 112;
                }
 
                &.mwe-popups-is-tall {
                        min-height: 242px;
 
                        &:after {
-                               z-index: 91;
+                               z-index: 112;
                                .mwe-popups-border-triangle-bottom(8px, 421px, 
#fff);
                        }
 
                        &:before {
-                               z-index: 90;
+                               z-index: 111;
                                .mwe-popups-border-triangle-bottom(9px, 420px, 
#bbb);
                        }
 
                        > div > a > svg {
                                position: absolute;
-                               z-index: 100;
+                               z-index: 113;
                                margin: 0;
                                margin-bottom: -9px;
                                /* @noflip */

-- 
To view, visit https://gerrit.wikimedia.org/r/172676
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: Ib3c889c748a9c919754d8281e68fd0664db7c408
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/Popups
Gerrit-Branch: master
Gerrit-Owner: Prtksxna <psax...@wikimedia.org>
Gerrit-Reviewer: AndyRussG <andrew.green...@gmail.com>
Gerrit-Reviewer: Bartosz Dziewoński <matma....@gmail.com>
Gerrit-Reviewer: Legoktm <legoktm.wikipe...@gmail.com>
Gerrit-Reviewer: Werdna <agarr...@wikimedia.org>
Gerrit-Reviewer: jenkins-bot <>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to