We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 4a72ba2 commit e7be22dCopy full SHA for e7be22d
1 file changed
src/styles/phoenix-pro.less
@@ -229,10 +229,10 @@
229
transform: scale(1.25);
230
}
231
232
- /* ---- Info panel below the stage ---- */
233
.feature-info {
234
position: relative;
235
- height: 70px;
+ display: grid;
+ grid-template-areas: "stack";
236
background: @bc-panel-bg-alt;
237
border-top: 1px solid @bc-panel-border;
238
overflow: hidden;
@@ -245,8 +245,10 @@
245
/* Mirror the .feature-slide transform/cross-fade so the text below the
246
video animates in the same direction as the video stage. */
247
.feature-info-slide {
248
- position: absolute;
249
- inset: 0;
+ grid-area: stack;
+ display: flex;
250
+ flex-direction: column;
251
+ justify-content: center;
252
padding: 10px 28px;
253
opacity: 0;
254
pointer-events: none;
0 commit comments