Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-22 15:55:33 +03:00
Code Issues Wiki Activity

Css files fixed and match styles

Browse source 
Moved css and match styling with other selects
This commit is contained in:
Žan Pevec 2020-08-20 19:45:39 +02:00
parent 74820fae37
commit d22f22924a
7 changed files with 46 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/css/select2_custom.css Normal file
View file

@ -0,0 +1,32 @@
/* Select 2 replacement styles */
.select2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 13.3333px;
}
.select2-selection__rendered {
line-height: 19px !important;
padding-left: 4px !important;
color: var(--defaultText) !important;
}
.select2-container .select2-selection--single {
height: 20px !important;
border-radius: 3px !important;
border: 1px solid #bfbfbf !important;
}
.select2-selection__arrow {
height: 19px !important;
}
.select2-selection__arrow b {
height: 5px !important;
width: 5px !important;
margin-left: -1px !important;
margin-top: -5px !important;
border: none !important;
border-bottom: 1px solid black !important;
border-right: 1px solid black !important;
transform: rotateZ(45deg);
}

2
src/css/tabs/firmware_flasher.css
View file

@ -213,4 +213,4 @@
#dialogUnstableFirmwareAcknoledgement .content ul {
margin-top: 5px;
margin-bottom: 5px;
}
}

2
src/js/tabs/firmware_flasher.js
View file

@ -528,6 +528,8 @@ TABS.firmware_flasher.initialize = function (callback) {
self.localFirmwareLoaded = false;
}
$('select[name="board"]').select2();
$('select[name="board"]').change(function() {
$("a.load_remote_file").addClass('disabled');
var target = $(this).val();

4
src/main.html
View file

@ -39,6 +39,8 @@
<link type="text/css" rel="stylesheet" href="./js/libraries/switchery/switchery.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./Components/MotorOutputReordering/Styles.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./css/select2_custom.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./node_modules/select2/dist/css/select2.min.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./css/dark-theme.css" media="all" disabled/>
@ -139,6 +141,8 @@
<script type="text/javascript" src="./Components/MotorOutputReordering/MotorOutputReorderingComponent.js"></script>
<script type="text/javascript" src="./Components/MotorOutputReordering/MotorOutputReorderingCanvas.js"></script>
<script type="text/javascript" src="./Components/MotorOutputReordering/MotorOutputReorderingConfig.js"></script>
<script type="text/javascript" src="./node_modules/select2/dist/js/select2.min.js"></script>
<title i18n="windowTitle"></title>
</head>
<body>

2
src/tabs/firmware_flasher.html
View file

@ -23,7 +23,7 @@
<td><span class="description" i18n="firmwareFlasherOnlineSelectBuildType"></span></td>
</tr>
<tr>
<td><select name="board">
<td class="board-select"><select name="board">
<option value="0" i18n="firmwareFlasherOptionLoading">Loading ...</option>
</select></td>
<td><span class="description" i18n="firmwareFlasherOnlineSelectBoardDescription"></span><div class="helpicon cf_tip_wide" i18n_title="firmwareFlasherOnlineSelectBoardHint"></div></td>