mirror of
https://github.com/unraid/webgui.git
synced 2026-04-24 02:58:57 -05:00
Docker: improved configuration styling
- added icon to variable type
This commit is contained in:
@@ -305,6 +305,7 @@ if (!String.prototype.replaceAll) {
|
||||
// Create config nodes using templateDisplayConfig
|
||||
function makeConfig(opts) {
|
||||
confNum += 1;
|
||||
var icons = {'Path':'folder-o', 'Port':'minus-square-o', 'Variable':'file-text-o', 'Label':'tags', 'Device':'play-circle-o'};
|
||||
var newConfig = $("#templateDisplayConfig").html();
|
||||
newConfig = newConfig.format(
|
||||
stripTags(opts.Name),
|
||||
@@ -319,7 +320,8 @@ function makeConfig(opts) {
|
||||
escapeQuote(opts.Value),
|
||||
opts.Buttons,
|
||||
opts.Required=='true' ? 'required' : '',
|
||||
sprintf('Container %s',opts.Type)
|
||||
sprintf('Container %s',opts.Type),
|
||||
icons[opts.Type] || 'question'
|
||||
);
|
||||
newConfig = "<div id='ConfigNum"+opts.Number+"' class='config_"+opts.Display+"'' >"+newConfig+"</div>";
|
||||
newConfig = $($.parseHTML(newConfig));
|
||||
@@ -991,7 +993,7 @@ _(Password Mask)_:
|
||||
<input type="hidden" name="confDisplay[]" value="{6}">
|
||||
<input type="hidden" name="confRequired[]" value="{7}">
|
||||
<input type="hidden" name="confMask[]" value="{8}">
|
||||
<span class="{11}">{0}:</span>
|
||||
<span class="{11}"><i class="fa fa-fw fa-{13}"></i> {0}:</span>
|
||||
: <span class="boxed"><input type="text" class="setting_input" name="confValue[]" default="{2}" value="{9}" autocomplete="off" spellcheck="false" {11}>{10}<br><span class='orange-text'>{12}: {1}</span><br><span class="orange-text">{4}</span><br></span>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -5,5 +5,10 @@ span.cpu,label.checkbox{display:inline-block;width:32px}
|
||||
span.ct{display:inline-block;width:230px}
|
||||
span.net{display:inline-block;width:120px}
|
||||
span.ip{display:inline-block;width:160px}
|
||||
dl,dt,dd{line-height:normal!important}
|
||||
input.setting_input{margin-right:50px}
|
||||
dl,dt,dd{line-height:normal!important;height:auto!important}
|
||||
dl{padding:8px 0!important}
|
||||
dl>dt:nth-of-type(2),dl>dd:nth-of-type(2){padding:20px 0 0 0!important}
|
||||
input.setting_input{margin-right:4rem}
|
||||
input,select{margin-top:-0.8rem!important}
|
||||
div#configLocation,div#configLocation dl{padding:0!important}
|
||||
div#configLocation dt{margin-top:-0.18rem!important}
|
||||
|
||||
@@ -5,5 +5,10 @@ span.cpu,label.checkbox{display:inline-block;width:32px}
|
||||
span.ct{display:inline-block;width:230px}
|
||||
span.net{display:inline-block;width:120px}
|
||||
span.ip{display:inline-block;width:160px}
|
||||
dl,dt,dd{line-height:normal!important}
|
||||
input.setting_input{margin-right:50px}
|
||||
dl,dt,dd{line-height:normal!important;height:auto!important}
|
||||
dl{padding:8px 0!important}
|
||||
dl>dt:nth-of-type(2),dl>dd:nth-of-type(2){padding:20px 0 0 0!important}
|
||||
input.setting_input{margin-right:4rem}
|
||||
input,select{margin-top:-0.8rem!important}
|
||||
div#configLocation,div#configLocation dl{padding:0!important}
|
||||
div#configLocation dt{margin-top:-0.18rem!important}
|
||||
|
||||
Reference in New Issue
Block a user