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

v1.1 fully mobile compatible (scrolling spaced, coefficient plots removed & radar plots visible)
Build and Push Docker Image / build (push) Successful in 1m10s
Details

Browse Source
This commit is contained in:
ciaran
2026-08-21 17:59:54 +01:00
parent d0a9d448b0
commit c083cc1099
3 changed files with 128 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/css.css
+22 -15
View File
@@ -88,10 +88,10 @@ input:checked + .slider:before {
}
/* Table of contents */
.colourheader, .toc {
.toc {
background: #010056;
color: white;
padding: 6vh;
padding: 3vh;
border-radius: 10px;
font-family: Arial, Helvetica, sans-serif;
}
@@ -410,7 +410,7 @@ input:checked + .slider:before {
background-image: none;
background-attachment: fixed;
/*min-height: 93vh;*/
border-radius: 25px;
border-radius: 5vh;
}
.colourheader2{
@@ -419,7 +419,7 @@ input:checked + .slider:before {
background-image: none;
background-attachment: fixed;
/*min-height: 93vh;*/
border-radius: 25px;
border-radius: 5vh;
}
.colourheader3{
@@ -428,22 +428,22 @@ input:checked + .slider:before {
background-image: none;
background-attachment: fixed;
/*min-height: 93vh;*/
border-radius: 25px;
border-radius: 5vh;
}
/* This pads element so it is a smaller block within contaiing element, eg to make text start closer to center */
/* This pads element so it is a smaller block within containing element, eg to make text start closer to center */
.paddeddiv{
position: relative;
box-sizing: border-box;
padding: 40px 0;
padding: 0 24px 24px 24px;
/*min-height: 85vh;*/
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
margin: 0 24px;
margin: 0 0;
}
}
@@ -458,7 +458,7 @@ input:checked + .slider:before {
background-image: none;
background-attachment: fixed;
/*min-height: 30vh!important;*/
border-radius: 25px;
border-radius: 5vh;
}
.colourheader2{
@@ -467,7 +467,7 @@ input:checked + .slider:before {
background-image: none;
background-attachment: fixed;
/*min-height: 30vh!important;*/
border-radius: 25px;
border-radius: 5vh;
}
.colourheader3{
@@ -476,21 +476,21 @@ input:checked + .slider:before {
background-image: none;
background-attachment: fixed;
/*min-height: 93vh;*/
border-radius: 25px;
border-radius: 5vh;
}
.paddeddiv{
position: relative;
box-sizing: border-box;
padding: 10px 0;
padding: 0 12px 15px 12px;
min-height: 25vh;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
margin: 0 24px;
margin: 0 0;
}
@@ -501,12 +501,12 @@ input:checked + .slider:before {
.col-medium {
width: 100%;
max-width: 680px;
margin: 0 24px;
margin: 0 0;
}
.text-indent {
margin-left: 30px;
margin-left: 0;
}
.plotly .hoverlayer .hovertext { fill-opacity: 1 !important; stroke-opacity: 1 !important; }
@@ -545,6 +545,13 @@ input:checked + .slider:before {
height: 100% !important;
}
.scrolly article .clustering_plot {
min-height: 100vh;
padding-bottom: 80vh;
display: flex;
align-items: center;
}
}
/* Make plots not wider than screen length*/