Commit c499c82e authored by Arthur Bogaart's avatar Arthur Bogaart

HSTCONFIGEDIT-174: Various style updates

 - Fixed editor-form height
 - Made labels wider, added center align to form items
 - Made inputs larger
 - Removed inline styling from  SitemenuItemEditorPlugin.html
 - 100% width for freemarker textarea
parent 432f514a
......@@ -24,7 +24,7 @@
<div>
<label for="name">
<wicket:message key="field.name">Name</wicket:message>
</label><input type="text" name="name" wicket:id="name" style="width: 230px;"/>
</label><input type="text" name="name" wicket:id="name"/>
</div>
</fieldset>
<fieldset>
......@@ -34,12 +34,12 @@
<div>
<label for="referencesitemap">
<wicket:message key="field.sitemap-reference">Sitemap reference</wicket:message>
</label><input type="text" name="referencesitemap" wicket:id="sitemapReference" style="width: 230px;"/><span name="path" wicket:id="path">[Link Picker]</span>
</label><input type="text" name="referencesitemap" wicket:id="sitemapReference"/><span name="path" wicket:id="path">[Link Picker]</span>
</div>
<div>
<label for="externalLink">
<wicket:message key="field.externalLink">externalLink</wicket:message>
</label><input type="text" name="externalLink" wicket:id="externalLink" style="width: 230px;"/>
</label><input type="text" name="externalLink" wicket:id="externalLink"/>
</div>
</fieldset>
......@@ -62,7 +62,7 @@
<div>
<label for="depth">
<wicket:message key="field.depth">Depth</wicket:message>
</label><input type="text" name="depth" wicket:id="depth" style="width: 25px;"/>
</label><input type="text" name="depth" wicket:id="depth" class="input-small"/>
</div>
</fieldset>
......
......@@ -29,7 +29,7 @@
<label for="ftlScript"><wicket:message key="ftlScript.label">ftlScript label</wicket:message></label>
</div>
<div>
<fieldset id="script">
<fieldset id="script" class="script">
<textarea wicket:id="ftlScript" name="ftlScript"></textarea>
</fieldset>
</div>
......
......@@ -57,7 +57,7 @@ div.hst-editor .hst-editor-locked + .menu:first-of-type {
}
div.hst-editor-form {
height: calc(100vh - 164px);
height: calc(100vh - 125px);
overflow: auto;
width: 100%;
margin: 44px 0 0 0;
......@@ -102,18 +102,19 @@ div.hst-editor-form fieldset {
}
div.hst-editor-form fieldset label {
margin-right: 16px;
width: 85px;
display: block;
float: left;
padding-top: 8px;
margin-right: 8px;
width: 124px;
}
div.hst-editor-form fieldset input {
min-width: 270px;
min-width: 320px;
padding: 4px
}
.hst-editor-form input.input-small {
min-width: 25px;
width: 25px;
}
div.hst-editor-form fieldset input[disabled] {
color: #9ba0a5;
}
......@@ -129,6 +130,10 @@ div.hst-editor-form form fieldset textarea {
resize: both;
}
.hst-editor-form form fieldset > div > input + span {
margin-left: 8px;
}
select {
max-width: 270px;
}
......@@ -146,26 +151,51 @@ div.hst-editor-form legend {
padding: 0 4px 0 4px;
}
div.hst-editor-form fieldset > div {
.hst-editor-form fieldset > div {
min-width: 800px;
max-width: 800px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 4px;
clear: left;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
div.hst-editor-form fieldset > div, div.hst-editor-form fieldset > div > div {
.hst-editor-form fieldset > div:not(:last-of-type),
.hst-editor-form fieldset > div > div:not(:last-of-type) {
margin-bottom: 8px;
}
div.hst-editor-form fieldset > div > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 800px;
display: table;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
div.hst-editor-form fieldset div ul {
margin-left: 105px;
}
.parameters {
.hst-editor-form fieldset.script {
width: 100%;
}
.add-parameter-button {
padding-top: 4px;
.parameters {
width: 100%;
}
table.parameters > tbody > tr > th {
......@@ -272,8 +302,16 @@ div.hst-perspective-left-body span.hippo-tree-dropdown-icon-container {
font-size: 16px;
}
div.description-panel {
.hst-editor-form fieldset > div.description-panel {
width: 395px;
min-width: 395px;
max-width: 395px;
}
.description-panel > label {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
div.description-panel textarea {
......
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