Skip to content

Commit e7be22d

Browse files
devvaannshabose
authored andcommitted
fix: auto-size pro upgrade dialog info panel to fit translations
1 parent 4a72ba2 commit e7be22d

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

src/styles/phoenix-pro.less

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -229,10 +229,10 @@
229229
transform: scale(1.25);
230230
}
231231

232-
/* ---- Info panel below the stage ---- */
233232
.feature-info {
234233
position: relative;
235-
height: 70px;
234+
display: grid;
235+
grid-template-areas: "stack";
236236
background: @bc-panel-bg-alt;
237237
border-top: 1px solid @bc-panel-border;
238238
overflow: hidden;
@@ -245,8 +245,10 @@
245245
/* Mirror the .feature-slide transform/cross-fade so the text below the
246246
video animates in the same direction as the video stage. */
247247
.feature-info-slide {
248-
position: absolute;
249-
inset: 0;
248+
grid-area: stack;
249+
display: flex;
250+
flex-direction: column;
251+
justify-content: center;
250252
padding: 10px 28px;
251253
opacity: 0;
252254
pointer-events: none;

0 commit comments

Comments
 (0)