Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-11 14:07:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Rearrange dialog controls

Browse source
This commit is contained in:
David Rowe 2017-04-21 17:01:29 +12:00
parent 1aa6e20791
commit d064511121
3 changed files with 21 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
scripts/system/html/css/record.css
View file

@ -29,7 +29,7 @@ body {
height: 100%; height: 100%;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
padding: 48px 0 214px 0; padding: 50px 0 186px 0;
margin: 0 21px 0 21px; margin: 0 21px 0 21px;
} }
@ -50,7 +50,7 @@ body {
#recordings thead { #recordings thead {
position: absolute; position: absolute;
top: 19px; top: 21px;
left: 0; left: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -93,7 +93,7 @@ body {
#recordings tfoot { #recordings tfoot {
position: absolute; position: absolute;
bottom: 189px; bottom: 161px;
left: 0; left: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -107,11 +107,6 @@ body {
background: none; background: none;
} }
#recordings #load-container {
position: relative;
top: 25px;
}
#spinner { #spinner {
text-align: center; text-align: center;
@ -175,21 +170,25 @@ body {
} }
#load-button {
margin-top: 14px;
}
#record-controls { #record-controls {
position: absolute; position: absolute;
bottom: 7px; bottom: 7px;
width: 100%; width: 100%;
} }
#record-controls div:first-child { #record-controls #load-container {
position: absolute;
left: 21px;
}
#record-controls #record-container {
text-align: center; text-align: center;
} }
#record-controls #checkbox-container {
margin-top: 33px;
}
#record-controls div.property { #record-controls div.property {
padding-left: 21px; padding-left: 21px;
} }

4
scripts/system/html/js/record.js
View file

@ -170,8 +170,8 @@ function updateSpinner() {
} }
function updateFinishOnOpenLabel() { function updateFinishOnOpenLabel() {
var WINDOW_FINISH_ON_OPEN_LABEL = "Finish recording when reopen dialog", var WINDOW_FINISH_ON_OPEN_LABEL = "Stop recording automatically when reopen this window",
TABLET_FINISH_ON_OPEN_LABEL = "Finish recording when reopen dialog or tablet"; TABLET_FINISH_ON_OPEN_LABEL = "Stop recording automatically when reopen tablet or window";
elFinishOnOpenLabel.innerHTML = isUsingToolbar ? WINDOW_FINISH_ON_OPEN_LABEL : TABLET_FINISH_ON_OPEN_LABEL; elFinishOnOpenLabel.innerHTML = isUsingToolbar ? WINDOW_FINISH_ON_OPEN_LABEL : TABLET_FINISH_ON_OPEN_LABEL;
} }

12
scripts/system/html/record.html
View file

@ -58,21 +58,21 @@
</tfoot> </tfoot>
</table> </table>
</div> </div>
<div id="load-container">
<input id="load-button" type="button" value="Load" disabled />
</div>
</div> </div>
<div id="spinner" class="hidden"> <div id="spinner" class="hidden">
<img src="../../../resources/icons/loader-red-countdown-ring.gif" /> <img src="../../../resources/icons/loader-red-countdown-ring.gif" />
<span id="countdown-number">3</span> <span id="countdown-number">3</span>
</div> </div>
<div id="record-controls"> <div id="record-controls">
<div> <div id="load-container">
<input id="load-button" type="button" value="Load" disabled />
</div>
<div id="record-container">
<input id="record-button" class="red" type="button" value="Record" /> <input id="record-button" class="red" type="button" value="Record" />
</div> </div>
<div class="property checkbox"> <div id="checkbox-container" class="property checkbox">
<input type="checkbox" id="finish-on-open"> <input type="checkbox" id="finish-on-open">
<label for="finish-on-open" id="finish-on-open-label">Finish recording when open dialog/tablet</label> <label for="finish-on-open" id="finish-on-open-label">Stop recording automatically when ...</label>
</div> </div>
</div> </div>
<script> <script>