ciaran/football-competitiveness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

V1.1 - optimising for mobile and highlighting key text
Build and Push Docker Image / build (push) Successful in 1m9s
Details

Browse Source
This commit is contained in:
ciaran
2026-08-21 15:45:26 +01:00
parent 0912e3b024
commit d0a9d448b0
5 changed files with 311 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/css.css
+12 -10
View File
@@ -195,6 +195,8 @@ input:checked + .slider:before {
position: relative;
width: 100%;
height: 100%;
overflow-x: hidden;
max-width: 100%;
}
@@ -272,12 +274,12 @@ input:checked + .slider:before {
.text-big {
font-size: 15px;
font-size: 18px;
margin: 20px 0;
}
.text-article{
font-size: 15px;
font-size: 18px;
margin: 10px 0;
}
@@ -441,7 +443,6 @@ input:checked + .slider:before {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 980px;
margin: 0 24px;
}
@@ -489,7 +490,6 @@ input:checked + .slider:before {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 980px;
margin: 0 24px;
}
@@ -508,11 +508,6 @@ input:checked + .slider:before {
.text-indent {
margin-left: 30px;
}
.selectize-input { font-size: 16px; line-height: 16px;}
.selectize-dropdown { font-size: 16px; line-height: 16px; }
.sankey-link:hover { fill-opacity: 0.75 !important; }
.plotly .hoverlayer .hovertext { fill-opacity: 1 !important; stroke-opacity: 1 !important; }
@@ -539,7 +534,7 @@ input:checked + .slider:before {
pointer-events: none !important;
}
/* Make cut 1 over time larger on mobile screen*/
/* Make plots longer on mobile screen*/
@media screen and (max-width: 767px){
.scrolly figure.sticky {
height: 60vh !important;
@@ -549,5 +544,12 @@ input:checked + .slider:before {
.scrolly figure.sticky .plotly {
height: 100% !important;
}
}
/* Make plots not wider than screen length*/
.plotly,
.plot-container,
.svg-container {
max-width: 100% !important;
}