From 68a3b93ecafa8e527cdad7bb531fc4071c95bd0e Mon Sep 17 00:00:00 2001 From: Alf Eaton Date: Mon, 23 Jan 2023 11:47:16 +0000 Subject: [PATCH] Merge pull request #11311 from overleaf/jpa-plans-page-tooltip-width [web] plans page: allow tooltips to be slightly larger GitOrigin-RevId: 17bb0c0a1ae6a88efe5e0d2df284bd28f6e5824b --- services/web/frontend/stylesheets/app/plans.less | 4 ++-- services/web/frontend/stylesheets/core/variables.less | 2 +- services/web/frontend/stylesheets/variables/all.less | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/services/web/frontend/stylesheets/app/plans.less b/services/web/frontend/stylesheets/app/plans.less index ce4beb5815..08dd0ff67f 100644 --- a/services/web/frontend/stylesheets/app/plans.less +++ b/services/web/frontend/stylesheets/app/plans.less @@ -140,8 +140,8 @@ z-index: 1040; white-space: nowrap; left: 50%; - width: 200px; - margin-left: -100px; + width: @tooltip-max-width; + margin-left: -(@tooltip-max-width / 2); &.bottom { margin-top: 0px; } diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less index e844347872..5c505cc285 100644 --- a/services/web/frontend/stylesheets/core/variables.less +++ b/services/web/frontend/stylesheets/core/variables.less @@ -532,7 +532,7 @@ //## //** Tooltip max width -@tooltip-max-width: 200px; +@tooltip-max-width: 220px; //** Tooltip text color @tooltip-color: #fff; //** Tooltip background color diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less index 036f474160..2da309bf3b 100644 --- a/services/web/frontend/stylesheets/variables/all.less +++ b/services/web/frontend/stylesheets/variables/all.less @@ -457,7 +457,7 @@ //## //** Tooltip max width -@tooltip-max-width: 200px; +@tooltip-max-width: 220px; //** Tooltip text color @tooltip-color: #fff; //** Tooltip background color