github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix tooltip and table header appearing on top of the navbar (z-index bug) (#10873)

Browse source 
GitOrigin-RevId: 88f88ff5b491356df8b34bfaf97ead28da2ff451
This commit is contained in:
M Fahru 2022-12-13 01:54:41 -07:00 committed by Copybot
parent 558cf0715a
commit 55375c78bf
1 changed files with 1 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/frontend/stylesheets/app/plans-v2.less
View file

@ -7,9 +7,6 @@
@plans-v2-highlighted-text-height-mobile: 41px; @plans-v2-highlighted-text-height-mobile: 41px;
@plans-v2-learn-more-link-color: hsl(206, 100%, 52%); @plans-v2-learn-more-link-color: hsl(206, 100%, 52%);
@plans-v2-top-switch-group-width-mobile: 46%; @plans-v2-top-switch-group-width-mobile: 46%;
@plans-v2-m-a-tooltip-arrow-z-index: 10;
@plans-v2-m-a-tooltip-z-index: 20;
@plans-v2-green-highlighted-text-z-index: 1;
@plans-v2-discount-highlighted-text-z-index: 2; @plans-v2-discount-highlighted-text-z-index: 2;
@plans-v2-table-sticky-header-z-index: 100; @plans-v2-table-sticky-header-z-index: 100;
@plans-v2-table-border-radius: 20px; @plans-v2-table-border-radius: 20px;
@ -230,7 +227,7 @@ button.plans-v2-btn-header {
border-radius: 4px; border-radius: 4px;
left: 100%; left: 100%;
top: 0; top: 0;
z-index: @plans-v2-m-a-tooltip-z-index; z-index: 0;
&.plans-v2-m-a-tooltip-annual-selected { &.plans-v2-m-a-tooltip-annual-selected {
.tooltip-inner { .tooltip-inner {
@ -1029,7 +1026,6 @@ p.plans-v2-table-green-highlighted-text {
color: @white; color: @white;
height: @plans-v2-highlighted-text-height-desktop; height: @plans-v2-highlighted-text-height-desktop;
margin: 0; margin: 0;
z-index: @plans-v2-green-highlighted-text-z-index;
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
top: -1 * @plans-v2-highlighted-text-height-mobile; top: -1 * @plans-v2-highlighted-text-height-mobile;