Skip to content

Commit

Permalink
2.0.2
Browse files Browse the repository at this point in the history
  • Loading branch information
@tomjackman
tomjackman committed Sep 14, 2024
1 parent 285077d commit e29f43c
Show file tree
Hide file tree
Showing 27 changed files with 296 additions and 222,750 deletions.
2 changes: 1 addition & 1 deletion assets/components/widgets/alerts/alerts.flat.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
opacity: 0.5;
}
.raceControlAlert {
background: #212934;
background: @primaryAccentBackground;
color: yellow;
font-size: @fontSize;
padding: 0.05em;
Expand Down
8 changes: 4 additions & 4 deletions assets/components/widgets/compareRace/compareRace.flat.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,7 @@
.comparePosition {
font-size: @fontSize * 3;
}
border-radius: 0em 0em 0em 1em;
}
.compareName {
background: @primaryAccentBackground;
Expand Down Expand Up @@ -182,13 +183,12 @@
position: fixed;
display: block;
content: '';
width: 4em;
height: 2.5em;
width: 6em;
height: 3.6em;
position: absolute;
top: 0.5em;
left: 1em;
filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
z-index: 1;
-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
}
.compare-avatar {
background: @primaryAccentBackground;
Expand Down
124 changes: 73 additions & 51 deletions assets/components/widgets/focusedDriver/focusedDriver.flat.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,9 @@
}
.bottom {
.extra-info {
left: 25em;
height: 5em;
position: relative;
top: -1.5em;
top: -0.1em;
z-index: -1;
margin-top: 0em;
font-family: Formula1-Regular;
Expand All @@ -46,30 +45,35 @@
padding: 0.5em;
}
ul {
margin: 0;
margin-right: 0.8em;
padding: 0.05em;
height: 3em;
li {
background: @primaryAccentBackground;
float: left;
padding: 0.5em;
padding: 0.7em;
margin: 0.5em;
color: white;
position: relative;
min-width: 10em;
min-width: 8em;
font-size: @fontSize * 0.9;
border-radius: 0em 0em 1em 1em;
border-bottom: 0.2em solid red;
&.active {
color: white;
}
&.finished {
animation: none;
color: white;
color: grey;
&.personal-best {
animation: none;
color: #76FF03;
color: white;
border-bottom: 0.2em solid #76FF03;
}
&.global-best {
animation: none;
color: #fb00ff;
color: white;
border-bottom: 0.2em solid #fb00ff;
}
@-webkit-keyframes sectorGlow {
0% { background-color: #76FF03; }
Expand All @@ -84,10 +88,13 @@
.positionContainer, .flag-container, .driverInfoDetails, .tyre, .manufacturer, .vehicle {
vertical-align: top;
display: inline-block;
height: 4em;
height: 4.3em;
line-height: 3.25em;
}
.ptpRemaining, .best-time, .positionInClass {
.positionContainer {
border-radius: 0em 0em 0em 1em;
}
.ptpRemaining, .best-time, .positionInClass, .drs {
vertical-align: top;
display: inline-block;
border-left: 2px solid;
Expand All @@ -107,6 +114,22 @@
margin-bottom: 0px;
height: 1.5em;
}
.drs {
line-height: 0.5em;
background: @primaryAccentBackground;
padding: 0.5em 0.5em;
color: black;
width: 5em;
z-index: 0;
margin-bottom: 0px;
height: 1.5em;
animation: drsGlow 1s infinite;
@-webkit-keyframes drsGlow {
0% { background-color:green; }
50% { background-color:white; }
100% { background-color:#76FF03; }
}
}
.best-time {
line-height: 0.5em;
background: @primaryAccentBackground;
Expand All @@ -118,7 +141,7 @@
height: 1.5em;
}
.positionInClass {
line-height: 0.5em;
line-height: 0.7em;
background: @primaryAccentBackground;
padding: 0.5em 0.5em;
color: black;
Expand All @@ -128,56 +151,56 @@
height: 1.5em;
}
.fastest {
color: #fb00ff;
background: @primaryAccentBackground;
background: #fb00ff;
color: white;
}
}
.main {
.positionContainer {
background: @secondaryAccentBackground;
color: @quaternaryAccent;
width: 5.5em;
left: 0.5em;
width: 5.7em;
position: relative;
padding-left: 0.1em;
padding-left: 0.5em;
text-align: center;
padding-right: 0.5em;
line-height: 3.7em;
line-height: 4.3em;
border-left: 0.1em solid @secondaryAccentBackground;
.position {
font-size: @fontSize * 3.3;
font-size: @fontSize * 3.4;
}
}
.driverInfoDetails {
background: @primaryAccentBackground;
text-transform: uppercase;
border-bottom: 0.1em solid @secondaryAccentBackground;
transform: skew(-10deg);
width: 24em;
width: 25em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: right;
.firstName {
line-height: 0.5em;
color: @secondaryAccent;
font-size: @fontSize * 1.1;
transform: skew(+10deg);
font-size: @fontSize * 1.2;
display: inline-block;
z-index: 10;
}
.lastName {
padding: 0.2em;
line-height: 0.5em;
color: @primaryAccent;
font-size: @fontSize * 1.5;
transform: skew(+10deg);
transform: skew(-10deg);
display: inline-block;
z-index: 10;
}
.teamEventName {
margin-top: 0.5em;
line-height: 2em;
color: @primaryAccent;
font-size: @fontSize * 1.3;
z-index: 10;
}
.team {
font-size: @fontSize * 0.9;
Expand All @@ -186,6 +209,7 @@
color: @secondaryAccent;
text-transform: uppercase;
text-align: right;
z-index: 10;
}
}
.vehicle {
Expand All @@ -205,66 +229,67 @@
position: relative;
left: 0em;
border-bottom: 0.1em solid @secondaryAccentBackground;
transform: skew(-10deg);
border-bottom-right-radius: 5px;
img {
position: absolute;
transform: skew(10deg);
top: 0.4em;
left: 0.4em;
height: 3em;
}
}
.flag-container {
width: 3em;
left: 0.5em;
width: 5em;
position: relative;
background: @primaryAccentBackground;
border-bottom: 0.1em solid @secondaryAccentBackground;
margin: 1;
z-index: 5;
z-index: 9;
.flag {
background: @primaryAccentBackground;
position: absolute;
display: block;
top: 0.7em;
width: 3.5em;
left: 0.5em;
width: 15em;
height: 4.2em;
z-index: 10;
-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));

}
.avatar {
background: @primaryAccentBackground;
position: absolute;
display: block;
top: 0.15em;
width: 3.5em;
top: 0.1em;
width: 3.8em;
left: 0.5em;
z-index: 11;
border-radius: 1em;
}
}
}
}
/* Hide DRS inactive state on all cars to not show on cars that don't have drs. Height, Font size for inactive is invisible */
.assists {
.params {
position: relative;
height: 3.9em;
background: @primaryAccentBackground;
top: -5em;
position: absolute;
height: 4em;
background: transparent;
top: 10.8em;
right: -1em;
.gear {
font-size: @fontSize * 3.5;
line-height: 1.15em;
color: @secondaryAccentBackground;
color: @primaryAccent;
}
.rpm {
background: red;
background: @primaryAccentBackground;
font-size: @fontSize;
line-height: 1.7em;
text-align: right;
padding-right: 0.4em;
color: white;
color: @primaryAccent;
}
.speed {
background: #76FF03;
color: black;
background: @primaryAccentBackground;
color: @primaryAccent;
font-size: @fontSize;
line-height: 1.7em;
text-align: right;
Expand All @@ -277,8 +302,9 @@
bottom: @fontSize*8.9;
right: 12em;
height: 4em;
width: 3.5em;
border-left: 0.1em solid @secondaryAccentBackground;;
width: 4.5em;
border-left: 0.3em solid @primaryAccent;
border-radius: 0em 0em 0em 1em;
}
.rpmContainer {
padding: 0.3em;
Expand Down Expand Up @@ -334,11 +360,7 @@ height: 5em;
animation: drsGlow 1s infinite;
}

@-webkit-keyframes drsGlow {
0% { background-color:#76FF03; }
50% { background-color:white; }
100% { background-color:#76FF03; }
}

.text {
background: @primaryAccentBackground;
position: absolute;
Expand Down Expand Up @@ -409,7 +431,7 @@ height: 5em;
.focused-driver-info {
.driverInfoFocusedDriverFlat;
position: fixed;
bottom: @fontSize*9;
bottom: @fontSize*11;
left: 0;
right: 0;
}
Loading

0 comments on commit e29f43c

Please sign in to comment.