Add overflow for container name to prevent UI from overflowing. Fixes #240

2017-02-27 20:36:19 +00:00
parent 67c7eb3485
commit 32bb73f661
3 changed files with 16 additions and 2 deletions
@@ -416,6 +416,13 @@ span ~ .panel-header-text {
 }

 /* Container info list */
+#container-info-name {
+  margin-inline-end: 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 #container-info-hideorshow {
  margin-block-start: 4px;
 }
@@ -99,7 +99,7 @@
        <form id="edit-container-panel-form">
          <fieldset>
            <legend>Name</legend>
-            <input type="text" name="container-name" id="edit-container-panel-name-input"/>
+            <input type="text" name="container-name" id="edit-container-panel-name-input" maxlength="25"/>
          </fieldset>
          <fieldset id="edit-container-panel-choose-color">
            <legend>Choose a color</legend>