Fix MarvinJS modal header

This commit is contained in:
aignatov-bio 2020-06-15 14:04:39 +02:00 committed by Urban Rotnik
parent 84aacecb81
commit 95ae8215a7
2 changed files with 6 additions and 2 deletions

View file

@ -10,7 +10,7 @@
// MarvinJs modal
.modal-marvin-js {
background: transparent;
font-size: $font-size-large;
font-size: $font-size-base;
padding: 0 !important;
.preview-close {
@ -40,19 +40,23 @@
.modal-header {
background: $color-black;
border: 0;
display: flex;
height: 60px;
line-height: 40px;
padding: 10px 15px;
text-align: center;
.file-save-link {
flex-shrink: 0;
margin: 0 20px 0 0;
}
.file-name {
align-items: center;
display: flex;
flex-shrink: 0;
float: left;
margin-right: auto;
input {
border-radius: 5px;

View file

@ -9,12 +9,12 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="preview-close" data-dismiss="modal"><span class="fas fa-times"></span></button>
<span class="file-name">
<%= t('marvinjs.modal_name_title') %>
<%= text_field_tag :sketch_name, '', placeholder: t('marvinjs.structure_placeholder') %>
</span>
<p class="file-save-link"><span class="fas fa-save"></span> <%= t('SaveClose')%></p>
<button type="button" class="preview-close" data-dismiss="modal"><span class="fas fa-times"></span></button>
</div>
<div class="modal-body">
<div id="marvinjs-editor" data-marvinjs-mode="<%= ENV['MARVINJS_API_KEY'] ? 'remote' : 'local' %>">