Files
moodle/lib/editor/atto/plugins/media/styles.css
T
Cameron Ball 4d85886b5f MDL-55324 atto_media: Reduce maximum height of atto modal
Previously after adding a few sources or expanding a few fieldsets
the modal would be pushed off the bottom of the screen. Here we
reduce the maximum height to allow it to remain visible.
2016-11-24 12:31:30 +08:00

107 lines
1.8 KiB
CSS

.atto_form.atto_media #video input,
.atto_form.atto_media #audio input,
.atto_form.atto_media #link input {
box-sizing: border-box;
height: inherit;
}
.atto_form.atto_media > .tab-content {
max-height: 45vh;
overflow-x: hidden;
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -21px;
}
.atto_form.atto_media [id$="-advanced-settings"] label {
margin-right: 10px;
}
.atto_form.atto_media label {
display: inline-block;
}
.atto_form.atto_media label > span {
display: inline-block;
min-width: 6em;
}
.atto_form.atto_media .atto_media_track_lang_entry,
.atto_form.atto_media .atto_media_track_label_entry {
width: 168px;
}
.atto_form.atto_media .atto_media_track_source {
margin-bottom: 10px;
}
.atto_form.atto_media select {
margin-right: 10px;
}
.atto_form.atto_media [id$="-tracks"] input[type=checkbox] {
margin-left: 10px;
}
.atto_form.atto_media .atto_media_track ~ .atto_media_track {
margin-top: 5px;
padding-top: 10px;
border-top: 1px solid #e5e5e5;
}
.atto_form.atto_media label.fullwidth {
width: 100%;
}
.atto_media_postersize {
display: inline-block;
}
.atto_media_postersize input[type=text] {
width: 3em;
}
input[size].atto_media_url_entry {
width: calc(100% - 15px);
}
.openmediabrowser {
margin-top: -4px;
}
.addcomponent,
.removecomponent {
font-weight: bold;
margin-right: 10px;
}
.trackhelp {
text-align: right;
}
.atto_form.atto_media .atto_media_source > label {
width: calc(100% - 153px);
}
.atto_form.atto_media .atto_media_track_lang_entry,
.atto_form.atto_media .atto_media_track_label_entry {
width: 116px;
}
.langlabel {
width: 42%;
}
.labellabel {
width: 44%;
}
.defaultlabel {
width: 14%;
}
[data-medium-type=link] label {
width: 100%;
}