Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-24 00:35:26 +03:00
Code Issues Wiki Activity

Fix flasher stylesheet hierarchy (#4398)

Browse source
This commit is contained in:
Andy 2025-03-21 11:20:06 -04:00 • committed by GitHub
parent 1857d80a34
commit 008c73be65
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 38 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/css/tabs/firmware_flasher.less
View file

@ -8,38 +8,6 @@
margin-top: 8px; margin-top: 8px;
} }
} }
.info {
position: relative;
flex-grow: 100;
.progressLabel.valid {
background-color: var(--success-500);
border-radius: 5px;
}
.progressLabel.invalid {
background-color: var(--error-500);
border-radius: 5px;
}
.progressLabel.actionRequired {
background-color: var(--warning-500);
border-radius: 5px;
}
.progress {
width: 100%;
height: 26px;
border-radius: 5px;
border: 1px solid var(--surface-500);
-webkit-appearance: none;
&::-webkit-progress-bar {
background-color: var(--text);
border-radius: 4px;
box-shadow: inset 0px 0px 5px #2f2f2f;
}
&::-webkit-progress-value {
background-color: #f86008;
border-radius: 4px;
}
}
}
.buildProgress { .buildProgress {
border-radius: 4px; border-radius: 4px;
appearance: none; appearance: none;
@ -72,6 +40,9 @@
.flash_on_connect_wrapper { .flash_on_connect_wrapper {
display: none; display: none;
} }
#flash_manual_baud_rate {
margin-left: 0.5rem;
}
} }
.cf_table { .cf_table {
td { td {
@ -113,7 +84,9 @@
color: var(--surface-50); color: var(--surface-50);
font-size: 10px; font-size: 10px;
border-radius: 999px; border-radius: 999px;
transition: color 200ms, background-color 200ms; transition:
color 200ms,
background-color 200ms;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
@ -140,6 +113,9 @@
flex-direction: row-reverse; flex-direction: row-reverse;
gap: 1rem; gap: 1rem;
} }
#customDefines {
width: calc(100% - 2rem) !important;
}
} }
.release_info, .release_info,
.build_configuration { .build_configuration {
@ -193,9 +169,33 @@
} }
} }
} }
#customDefines {
width: calc(100% - 2rem) !important; .content_toolbar {
} .info {
#flash_manual_baud_rate { .progressLabel {
margin-left: 0.5rem; &.valid {
background-color: var(--success-600);
border-radius: 5px;
}
&.invalid {
background-color: var(--error-500);
border-radius: 5px;
}
&.actionRequired {
background-color: var(--warning-500);
border-radius: 5px;
}
}
.progress {
width: 100%;
height: 26px;
border-radius: 5px;
border: 1px solid var(--surface-500);
-webkit-appearance: none;
&::-webkit-progress-value {
background-color: var(--success-600);
border-radius: 4px;
}
}
}
} }