Commit 024d8922 authored by Christodoulos Psaltis's avatar Christodoulos Psaltis
Browse files

CSS and template fixes for metadata dialogs

When the server name was very long, the buttons
at the bottom were moved outside the dialog. This
commit fixes that.
parent 6e382260
......@@ -1112,6 +1112,10 @@ input.machine {
width: 32px;
}
.meta-modal div.container {
height:330px;
}
.meta-modal h3 {
font-weight: normal;
}
......@@ -1141,7 +1145,7 @@ input.machine {
.meta-modal div.bottomruler {
background-color: #666;
height: 20px;
margin-top: 40px;
margin-top: 23px;
}
.meta-modal div.content {
......@@ -1187,7 +1191,7 @@ input.machine {
.meta-modal button.create {
height: 23px;
margin: 28px 44px 0 0;
margin: 10px 44px 0 0;
}
.meta-modal input {
......@@ -1213,12 +1217,12 @@ input.machine {
}
.meta-modal button.save {
margin-top: 29px;
margin-top: 11px;
}
.meta-modal button.cancel {
float: left;
margin: 29px 0 0 25px;
margin: 11px 0 0 25px;
background-color: #d35f5f;
border-color: #d35f5f;
}
......
......@@ -178,24 +178,26 @@
<a id="meta-editor-1" rel="#editor-1" href="#"></a>
<div class="meta-modal" id="editor-1">
<h3>
<label>{% trans "Metadata for machine:" %}</label>
<span></span>
</h3>
<hr class="topruler" />
<hr class="fatruler" />
<div class="content">
<ul class="meta-template" style="display:none">
<li>
<label>{% trans "Metadata key" %}</label>
<button type="button" class="remove">{% trans "remove x" %}</button>
<hr class="meta-separator">
<p>{% trans "Metadata value" %}</p>
<button type="button" class="edit">{% trans "edit" %}</button>
</li>
</ul>
<ul class="meta-list">
</ul>
<div class='container'>
<h3>
<label>{% trans "Metadata for machine:" %}</label>
<span></span>
</h3>
<hr class="topruler" />
<hr class="fatruler" />
<div class="content">
<ul class="meta-template" style="display:none">
<li>
<label>{% trans "Metadata key" %}</label>
<button type="button" class="remove">{% trans "remove x" %}</button>
<hr class="meta-separator">
<p>{% trans "Metadata value" %}</p>
<button type="button" class="edit">{% trans "edit" %}</button>
</li>
</ul>
<ul class="meta-list">
</ul>
</div>
</div>
<button type="button" class="create">{% trans "Create New+" %}</button>
<div class="bottomruler" />
......@@ -204,18 +206,20 @@
<a id="meta-editor-2" rel="#editor-2" href="#"></a>
<div class="meta-modal" id="editor-2">
<h3>
<label>{% trans "Metadata for machine:" %}</label>
<span></span>
</h3>
<hr class="topruler" />
<hr class="fatruler" />
<div class="content">
<label class="meta-key">{% trans "Key:" %}</label>
<input type="text" maxlength="15" class="key" value="max 15 characters"/>
<hr class="meta-separator">
<label class="meta-value">{% trans "Value:" %}</label>
<input type="text" maxlength="150" class="value" value="max 150 characters"/>
<div class='container'>
<h3>
<label>{% trans "Metadata for machine:" %}</label>
<span></span>
</h3>
<hr class="topruler" />
<hr class="fatruler" />
<div class="content">
<label class="meta-key">{% trans "Key:" %}</label>
<input type="text" maxlength="15" class="key" value="max 15 characters"/>
<hr class="meta-separator">
<label class="meta-value">{% trans "Value:" %}</label>
<input type="text" maxlength="150" class="value" value="max 150 characters"/>
</div>
</div>
<button type="button" class="cancel">{% trans "Cancel" %}</button>
<button type="button" class="save">{% trans "Save" %}</button>
......@@ -601,7 +605,7 @@ function editMetadata() {
$("#editor-1 div.content ul.meta-list").empty();
},
onLoad: function() {
// this is a work around for the mask not appearing problem
// this is a workaround for the mask not appearing problem
$("#editor-1").expose();
}
});
......@@ -623,7 +627,7 @@ function addMetadata() {
oneInstance: false,
load: false,
onLoad: function() {
// this is a work around for the mask not appearing problem
// this is a workaround for the mask not appearing problem
$("#editor-2").expose();
}
});
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment