variablelab/variabletime
variablelab/variabletime
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css changes

Browse source
This commit is contained in:
asuk 2023-10-13 17:01:11 +02:00
parent 0ca73bca05
commit 21a5888022
2 changed files with 38 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
bin/web/js/audio.js
View file

@ -276,7 +276,8 @@ const Audio = function(tp, record) {
mappingOptions.source = panel.querySelector(toCssClass(`audio_source${propTitle}`,'#')).value; mappingOptions.source = panel.querySelector(toCssClass(`audio_source${propTitle}`,'#')).value;
mappingOptions.muted = panel.querySelector(toCssClass(`audio_mute${propTitle}`,'#')).checked; mappingOptions.muted = panel.querySelector(toCssClass(`audio_mute${propTitle}`,'#')).checked;
}; };
const source_Dom_Cont = document.createElement('div');
source_Dom_Cont.classList.add('source_Dom_Cont');
const source_Dom = document.createElement('select'); const source_Dom = document.createElement('select');
source_Dom.id = toCssClass(`audio_source${propTitle}`); source_Dom.id = toCssClass(`audio_source${propTitle}`);
const source_mic = document.createElement('option'); const source_mic = document.createElement('option');
@ -296,7 +297,8 @@ const Audio = function(tp, record) {
source_Dom.append(source_file); source_Dom.append(source_file);
} }
}); });
audioOptions.append(source_Dom); source_Dom_Cont.append(source_Dom);
audioOptions.append(source_Dom_Cont);
const muteDom = document.createElement('input'); const muteDom = document.createElement('input');
const muteDom_label = document.createElement('label'); const muteDom_label = document.createElement('label');
@ -306,8 +308,8 @@ const Audio = function(tp, record) {
muteDom.checked = true; muteDom.checked = true;
muteDom_label.for = toCssClass(`audio_mute${propTitle}`); muteDom_label.for = toCssClass(`audio_mute${propTitle}`);
muteDom_label.innerHTML = 'muted'; muteDom_label.innerHTML = 'muted';
audioOptions.append(muteDom); source_Dom_Cont.append(muteDom);
audioOptions.append(muteDom_label); source_Dom_Cont.append(muteDom_label);
const min_max_Dom = document.createElement('div'); const min_max_Dom = document.createElement('div');
min_max_Dom.classList.add('audio_min_max'); min_max_Dom.classList.add('audio_min_max');
@ -352,6 +354,7 @@ const Audio = function(tp, record) {
max_Cont.append(max_inputDom); max_Cont.append(max_inputDom);
if (hasLetterDelay) { if (hasLetterDelay) {
const letterDelayCont = document.createElement('div'); const letterDelayCont = document.createElement('div');
letterDelayCont.classList.add("letterDelayCont");
const letterDelay_inputDom_label = document.createElement('label'); const letterDelay_inputDom_label = document.createElement('label');
letterDelay_inputDom_label.for = 'audio_letterDelay'; letterDelay_inputDom_label.for = 'audio_letterDelay';
letterDelay_inputDom_label.innerHTML = 'letterDelay'; letterDelay_inputDom_label.innerHTML = 'letterDelay';

35
bin/web/js/theatre-play.js
View file

@ -549,7 +549,34 @@ const TheatrePlay = function(autoInit = false) {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
row-gap: 7px; row-gap: 7px;
} }
.audio_min_Cont, .audio_max_Cont{ .source_Dom_Cont{
padding: 5px;
}
.source_Dom_Cont select{
background-color: white;
box-sizing: border-box;
border: 1px solid transparent;
color: rgb(0, 0, 0);
padding: 1px 6px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-stretch: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
font-optical-sizing: inherit;
font-kerning: inherit;
font-feature-settings: inherit;
outline: none;
text-align: left;
/* width: 100%; */
border-radius: 0px;
font-variation-settings: "wght" 700;
height: 26px;
margin-right: 10px;
}
.audio_min_Cont, .audio_max_Cont, .letterDelayCont{
grid-column-start: 1; grid-column-start: 1;
grid-column-end: 3; grid-column-end: 3;
display: flex; display: flex;
@ -708,15 +735,15 @@ const TheatrePlay = function(autoInit = false) {
.main_panel_button, .vte_button{ .main_panel_button, .vte_button{
background-color: white; background-color: white;
font-size: 1.15em; font-size: 1.1em;
padding: 5px 5px 4px 5px; padding: 5px 5px 4px 5px;
margin: 10px; margin: 7px 10px;
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
justify-content: center; justify-content: center;
border-radius: 10px; border-radius: 10px;
border: none; border: none;
padding: 10px; padding: 7px;
text-transform: uppercase; text-transform: uppercase;
width: calc(100% - 20px); width: calc(100% - 20px);
box-sizing: border-box; box-sizing: border-box;