Fixed the styling

This commit is contained in:
Zanz2 2017-12-10 01:20:08 +01:00
parent b3b0e367e8
commit d0a9198408
2 changed files with 24 additions and 7 deletions

View file

@ -1274,10 +1274,7 @@ ul.content-module-activities {
}
}
// Import json protocols.io protocol modal
#modal-import-json-protocol-preview .modal-dialog {
width: 70%;
}
// Protocolsio Import protocol modal
.import-protocols-modal-preview-container-json {
height: 300px;
@ -1301,6 +1298,26 @@ ul.content-module-activities {
}
}
// Protocolsio Preview protocol modal
@media (min-width: 768px) {
#modal-import-json-protocol-preview .modal-dialog {
width: 70%;
}
}
#modal-import-json-protocol-preview .modal-dialog {
.modal-body {
max-height: 75vh;
overflow-x: scroll;
overflow-y: auto;
width: 100%;
.ql-editor {
min-height: initial;
}
}
}
/* Steps and Results */
#steps {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAAIUlEQVQImWNgoD5gZGBgMILSjKRo/P//vwiSGQwMDAwMAEnaA0jgHoquAAAAAElFTkSuQmCC");

View file

@ -13,9 +13,9 @@
<div
id="modal-import-json-protocol-preview"
class="modal fade"
role="dialog"
tabindex="-1">
<div class="modal-dialog">
tabindex="-1"
role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>