You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.1 KiB
76 lines
1.1 KiB
.device { |
|
.header { |
|
display: flex !important; |
|
flex-direction: column; |
|
@media only screen and (min-width: 768px) { |
|
flex-direction: row; |
|
} |
|
} |
|
.ui.grid { |
|
margin-top: 0; |
|
} |
|
.connectionState { |
|
@media only screen and (min-width: 768px) { |
|
margin-left: .75em; |
|
} |
|
font-size: .75em; |
|
font-weight: lighter; |
|
|
|
&.connected { |
|
color: #13D213; |
|
} |
|
|
|
&.disconnected { |
|
color: #D20000; |
|
} |
|
} |
|
} |
|
|
|
.sectionRunner .queue { |
|
max-height: 14em; |
|
height: 14em; |
|
overflow-y: scroll; |
|
} |
|
|
|
.ui.modal.programEditor > .header > .header.item .inline.fields { |
|
margin-bottom: 0; |
|
} |
|
|
|
.programSequence.editing .item .content { |
|
width: 20em; |
|
} |
|
|
|
.sectionChooser { |
|
.ui.selection.dropdown { |
|
min-width: 12em; |
|
} |
|
} |
|
|
|
.durationInputs { |
|
display: flex; |
|
flex-wrap: wrap; |
|
margin: -0.5em; |
|
} |
|
|
|
$durationInput-labelWidth: 2.5em; |
|
|
|
.ui.form .field .ui.input.durationInput { |
|
margin: 0.5em; |
|
|
|
&.minutes { |
|
//margin-right: 1em; |
|
} |
|
&.seconds { |
|
|
|
} |
|
|
|
> input { |
|
flex: 1 0 6em; |
|
width: 100%; |
|
} |
|
|
|
> .label { |
|
flex: 0 0 $durationInput-labelWidth; |
|
text-align: center; |
|
} |
|
}
|
|
|