Adrien/carrramba-encore-rate
1
0
Fork 0
Code Issues 1 Pull Requests 1 Projects Releases Wiki Activity

🔥 Remove ar16x9 CSS class

Browse Source
This commit is contained in:
Adrien
2023-01-23 22:50:29 +01:00
parent e96e7aeae0
commit 495b2bafe2
3 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/passagesDisplay.module.css
View File

@@ -1,11 +1,5 @@
/* TODO: Remove this class */
.ar16x9 {
aspect-ratio: 16 / 9;
}
/* Idfm: 1860x1080px */ /* Idfm: 1860x1080px */
.PassagesDisplay { .passagesDisplay {
aspect-ratio: 16/9; aspect-ratio: 16/9;
--reverse-aspect-ratio: 9/16; --reverse-aspect-ratio: 9/16;
/* height is set according to the aspect-ratio, don´t touch it */ /* height is set according to the aspect-ratio, don´t touch it */

3
frontend/src/passagesDisplay.tsx
View File

@@ -181,9 +181,8 @@ export const PassagesDisplay: Component = () => {
); );
} }
const mainDivClasses = `${styles.PassagesDisplay} ${styles.ar16x9}`;
return ( return (
<div class={mainDivClasses}> <div class={styles.passagesDisplay}>
{_computeHeader("Prochains passages")} {_computeHeader("Prochains passages")}
<div class={styles.panelsContainer}> <div class={styles.panelsContainer}>
{() => { {() => {

1
frontend/src/passagesPanel.module.css
View File

@@ -11,6 +11,7 @@
display: block; display: block;
} }
/* TODO: Remove the bottom border only if there are 5 displayed lines. */
.passagesContainer .line:last-child { .passagesContainer .line:last-child {
border-bottom: 0; border-bottom: 0;
/* To make up for the bottom border deletion */ /* To make up for the bottom border deletion */