1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-24 00:35:26 +03:00
Commit graph

50 commits

Author SHA1 Message Date
David Anson
2f61cfe0bb Prototype of replacing jBox tooltips with native HTML/CSS 2025-07-09 04:01:00 +00:00
David Anson
183e89419d
Replace all 4 instances of jBox-style modal dialog boxes with HTML dialog element (#4484)
* Replace all 4 instances of jBox-style modal dialog boxes with HTML dialog element

Notes:
- The Power & Battery (2), OSD, and CLI tabs have been updated accordingly
- HTML default control behavior was used whereever possible
- HTML indent for the dialog tag is deliberately off to minimize diff noise in GitHub
- Layout is not 100% identical, but spiratually the same - in most cases no changes were needed
- OSD’s Font Manager dialog didn’t transition cleanly, so includes some slight restyling
- OSD Font Manager previously had a green background/color for the graphic - that “just works” now
- Specific cleanup (i.e., calling destroy()) does not seem necessary and was removed
- Removal of jBox from setup.js and global scope seems not to affect jBox tooltips
- Replacement of single quotes with double in main.js was done automatically by Prettier

* Fix unclickable "Select custom image..." button in OSD tab due to overlapping layout; replace with CSS grid.

* Update OSD's Font Manager dialog to not have scroll bars by default (PR feedback).

* Update OSD's Font Manager dialog to remove overflow-y:scroll in order to avoid even a disabled scroll bar on some platforms/browsers (PR feedback).
2025-06-27 21:29:10 +02:00
sEver
f15214ac2d
Improve readability of the #header_buttons - simpler structure, black icons, green connect button (#4371)
Refactor header_buttons css for improved readability
2025-03-09 21:54:01 +01:00
nerdCopter
0c80ccce00
Revert "Add info overlay about gyro status over model view" (#4361)
Revert "Add info overlay about gyro status over model view (#4358)"

This reverts commit 80e5770b8e.
2025-02-27 16:46:43 +01:00
jesuslg123
80e5770b8e
Add info overlay about gyro status over model view (#4358)
Many people don't realised about the arming flags, this PR aims
to make more clear the arming flags related to the gyro status.

It read the arming flag about NO-GYRO and CALIBRATION to overlay
on the model view a message informing about the status.

Co-authored-by: jesuslopezxing <jesus.lopez@onlyfy.com>
2025-02-25 16:23:14 +01:00
Yaros
70513bc8f5
Fixed collapsed sidebar (#4356)
* Fixed collapsed sidebar

* Fix icons in sidebar & scrollbar
2025-02-25 16:19:57 +01:00
Mark Haslinghuis
2d0f682863
Add visual info about pdop quality (#4343)
fix display of magnetic declination

swapped moderate and fair :)

remove not needed href for latlon

revert remove not needed href for latlon
2025-02-13 15:45:25 +01:00
Mark Haslinghuis
7614ad3864
Execute prettier (#4291)
* Execute prettier

* Fix some sonar complaints

* Add git blame ignore rev
2025-01-04 22:43:46 +01:00
Vít Semrád
69bed5eb6f
Style: Fix contrast issues on dark mode (#4277) 2024-12-18 17:07:06 +01:00
Mark Haslinghuis
9816ea5ce0
Add CLI console (#4207) 2024-10-15 19:47:09 +02:00
Yaros
4ac6f4c06e
Fixed CLI load modal title background color (#4200)
Fixed CLI load modal title
2024-10-03 14:58:28 +02:00
Yaros
1748738d35
Motor wizard fix (#4197)
* Fixed selected color in motor wizards

* removed space

I added it accidentally

* Corrected hover & highlighed color for reorder
2024-10-02 22:32:23 +02:00
Yaros
f8601c3293
Altered checkbox/radio accent color & size (#4195) 2024-10-01 20:57:38 +02:00
bfmvsa
125d987323
Fix color of helpicon on hover (#4146) 2024-08-30 11:51:06 +02:00
Yaros
91ccf7589e
Fixed dataflash indicator in the top row (#4135) 2024-08-17 21:20:25 +02:00
Vít Semrád
d649a9ca40
Style: Fix contrast issues (#4125)
* Style: Fix contrast issues

* Style: Fix Motors tab graph layout

* Fix: re-include code commented out during testing
2024-08-07 22:29:22 +02:00
Vít Semrád
af94769b53
Style: Fix graph layout in Sensors tab (#4122)
* Lint: Fix pre-commit lint issue

* Style: Fix graph layout in Sensors tab

* Style: Add missed styles
2024-08-04 09:55:45 +02:00
bfmvsa
66fb5ffcbb
Remove right margin for .helpicon in .gui_box_titlebar (#4117) 2024-07-30 15:10:31 +02:00
bfmvsa
d328813d80
Adjust contrast ratio for sidebar links. Add flexible colors for svg. (#4115)
* Adjust contrast ratio for sidebar links. Add flexible colors for svg images.

* Add webkit-mask css attribute to cover more browsers
2024-07-30 09:28:41 +02:00
bfmvsa
d00d2f9ec1
Use basic less functions to generate repeated css (#4113) 2024-07-29 22:38:57 +02:00
Mark Haslinghuis
659d5353a2
Fix menu overflow (#4090)
* Fix menu overflow

* There must be a better solution
2024-07-08 15:27:12 +02:00
Vít Semrád
787bd1743b
Style Fix: Adjust layout for fixed toolbar (#4086) 2024-07-05 12:45:51 +02:00
Yaros
d31a21bfc7
Fixes text legibility (#4083) 2024-07-04 20:39:48 +02:00
Míguel Ángel Mulero Martínez
df1b390ab2
Fix hide of dataflash element (#4076) 2024-07-01 15:31:43 +02:00
Vít Semrád
df3b3220ef
Style: Fix jBox tooltip colors (#4054) 2024-06-23 14:01:05 +02:00
Míguel Ángel Mulero Martínez
fad0b37160
Remove space for hidden buttons in the toolbar (#4041) 2024-06-20 16:20:42 +02:00
Míguel Ángel Mulero Martínez
33512201c8
Fix some UI glitches in servos tab (#4040) 2024-06-20 16:19:15 +02:00
Míguel Ángel Mulero Martínez
d4426b3045
Some adjustments to the VTX tab UI (#4042) 2024-06-20 16:13:10 +02:00
Vít Semrád
eecc858b7d
Style: UI Refresh (#3956)
* Style: Use new color system

* Fix: sonarcloud issues, remove testing parts

* Fix: Remove double variables

* Style: First POC of UI refresh - Setup tab

* Style Fix: Prevent tab-specific breakpoints from escaping

* Style: Remove calc() for main layout

* Fix: Break into mobile UI along CSS, update mobile tabs

* Style: Refresh Ports tab

* Style: Refresh Configuration tab

* Style: Reposition StatusBar, add a bit of spacing

* Style: Remove text shadows

* Style: Fix overlapping select styles

* Fix: Remove import for deleted files, fixes builds

* Style: Refresh Power & Battery tab

* Style: Prevent OSD tab styles from escaping

* Style: Refresh Failsafe tab

* Style: Refresh Modes tab

* Style: Add back td height

* Style: Refresh Adjustments tab

* Style: Refresh Motors tab

* Style: Catch up main.less to various changes

* Style: Refresh VTX tab

* Style: Refresh OSD tab

* Style: Refresh Receiver tab

* Chore: Clean up SonarCloud issues

* Chore: Clean up more SonarCloud issues

* Style: Refresh Blackbox tab

* Style: Refresh headerbar

* Style: Refresh Options tab

* Style: Refresh Firmware Flasher tab

* Style: Adjust detect feature, add breakpoint

* Fix: Use updated i18n in button

* Style: Refresh MSP Radio Emulator

* Style: Fix Radio Emulator breakpoint

* Style: Fix Radio Emulator layout

* Style: Refresh headerbar

* Style: Refresh Sensors tab

* Style: More consistent select elements

* Style: Refresh GPS tab

* Style: Fix motors tab layout

* Style: Various fixes, align more toolbars

* Style: Refresh CLI tab

* Style: Clean up VTX tab styling

* Style: Fix sensor status color
2024-06-19 11:58:42 +02:00
Mark Haslinghuis
bcb2b924ad
Use object-fit for sponsor logos (#4015)
* Use object-fit for sponsor logos

* Fixes per review
2024-06-10 12:23:51 +02:00
Míguel Ángel Mulero Martínez
6b71569af7
Adjust header bar in mobile devices (#3925) 2024-05-01 22:05:51 +10:00
Jan Post
6b7b06ee31
More Space Between Sponsors (#3909)
slightly more space between logos
2024-04-25 12:40:04 +02:00
Marek Fajkus
0e061dfc81
Improve sponsors tab layout (#3834)
Minimal improvement to sponsor logos on welcome screen.
Closes #3797

Note: IMHO ideally this layout would be rewritten to use flex display.
However in a spirit of keeping bugfixes targeted and minimal this implements
only necessary changes within exisiting block display.
2024-03-12 21:52:54 +01:00
J Blackman
fef7ca0407
Ensure there is sufficient space between sponsor logos (#3772) 2024-01-21 03:21:47 +01:00
Mark Haslinghuis
cd80be72af
Show idleMinRpm on motor tab (active profile) (#3625)
* Make idleMinRpm configurable from motor tab (active profile)

* Reorder idleMinRpm and digitalIdlePercent

* Fixes per review

* Co-authored-by: nerdCopter <56646290+nerdCopter@users.noreply.github.com>
2023-11-10 19:57:20 +01:00
HThuren
bb76112c99
GPS tab: New design for gps Status / Quality (#3566)
* small fixes

* Ajust Colours when translated

* new design

* new design

* new design

* new design

* new design

* new design

* new design
2023-09-10 00:42:01 +02:00
J Blackman
e36ecd9f87
Tabs to spaces in less files, and renaming logo files (cf to bf). (#3473) 2023-06-14 08:45:21 +10:00
J Blackman
43f155836a
Updated Dogcom logo for better light mode support. (#3472)
* Updated dogcom logo (for better light mode support).
* Invertable class removed inadvertently
* Missed `sponsor-img` class.
* Use underscore to stay inline with current standard
2023-06-07 14:34:19 +10:00
J Blackman
0e4224e006
Add sponsor tile to firmware flashing tab (#3468)
* Add sponsor tile to firmware flashing tab

* Adding sponsorship logos locally for efficiency (can still be disabled by API).

* Small fixes to load content
2023-06-06 01:06:35 +02:00
Mark Haslinghuis
e789d97baa
Fix: arm status [icon] (#3438)
Fix status
2023-05-09 17:33:49 +02:00
HThuren
b523f0a0ac
Color for vtx ready status (#3422)
* VTX ready change if device get ready

* minor change

* removed class from translated string

* Use of css way

* Now use CSS style

* reduce size of main.less

* xVx
2023-04-27 13:23:50 +02:00
HThuren
08100bafa8
More info on setup tab 2 (#3385)
* add help and minor layout changes

* add help and minor layout changes

* add help and minor layout changes

* Fix layout

* add disable / enable logic

* small changes
2023-04-04 16:04:48 +02:00
HThuren
36628523db
Firmware info on setup tab (#3369)
* More messages

* caps API

* More buiold info

* buildinfo

* buildinfo test

* Added build options

* Added build options

* Change of label

* chang loop

* Add buildkey and sensors

* Show config and log based on buildkey
2023-03-16 14:39:05 +01:00
HThuren
6cbbaff240
GPS icon now reflect fix state (#3377)
* GPS icon now reflect fix state

* Code moved to sensor_helpers.js

* Code moved to sensor_helpers.js

* Minor changes
2023-03-13 20:34:17 +01:00
Tomas Chmelevskij
e0209c6b59
Convert battery icon to vue component (#2726)
* feat: use vue battery icon
* Add battery icon stories
* feat: use battery state if available
2023-01-07 10:04:21 +11:00
Vít Semrád
96aeab67f4
More descriptive Reset Settings warning (#3147)
More descriptive Reset warning + Red button
2022-12-16 02:07:29 +01:00
Ivan Efimov
8aced3b3a7
Firmware flasher: build config help icons style fix (#3092) 2022-11-23 12:34:57 +01:00
Ivan Efimov
50fc11cd66
Firmware flasher: classic build toggle - moved to build configuration header (#3091) 2022-11-20 19:14:48 +01:00
asizon
416604a27e Fix container for phones 2022-10-23 18:30:09 +02:00
Miguel Angel Mulero Martinez
ee7ec19512 Use LESS for CSS 2022-06-20 15:14:07 +02:00