set min-width on name field when name is empty

This commit is contained in:
Mads Rasmussen
2015-06-08 15:00:56 +02:00
parent e82e608701
commit 6ff82475e4
2 changed files with 5 additions and 1 deletions

View File

@@ -353,6 +353,10 @@ input.umb-panel-header-name {
}
}
input.umb-panel-header-name.name-is-empty {
min-width: 110px;
}
.umb-panel-header-alias {
font-size: 13px;
color: #cccccc;

View File

@@ -20,7 +20,7 @@
</umb-content-name>
-->
<div class="umb-panel-header-name-wrapper">
<input type="text" class="umb-panel-header-name" ng-model="name" placeholder="Enter name..." umb-auto-resize />
<input type="text" class="umb-panel-header-name" ng-model="name" placeholder="Enter name..." ng-class="{'name-is-empty': name===null || name===''}" umb-auto-resize />
<div class="umb-panel-header-alias"><i class="icon icon-lock"></i>{{ alias }}</div>
</div>